Magento OnePage 结帐步骤位置错误答案

【问题标题】：Magento OnePage checkout step position wrongMagento OnePage 结帐步骤位置错误
【发布时间】：2013-08-03 14:31:26
【问题描述】：

在默认的magento安装中，使用单页结账时，点击运输方式等步骤后，页面跳得太远，切断了步骤标题和前2个表单输入。它在 Chrome 中的所有步骤上执行此操作。在其他浏览器中它并没有那么糟糕，尽管它仍然切断了步骤标题。有没有办法解决这个问题，因为它真的会破坏用户体验。

谢谢， C

【问题讨论】：

【解决方案1】：

在 js/varien/accordion.js 中，这一行之后

contents[0].show();

我加了

Effect.ScrollTo(contents[0], { duration:'0.5', offset:-40 });

为了一个窒息的效果。

【讨论】：

【解决方案2】：

ipad 4、ios7 和 safari、magento 版本 1.4.1.1 也有同样的问题

在提交帐单地址后，手风琴会在发货后打开步骤，但它位于页面上方，下一部分的提交按钮在屏幕顶部可见。

我们还使用原型 1.7 来解决 ie9 结帐错误，所以不确定这是否是问题的一部分。

找到适合我的修复方法：打开 js/varien/accordion.js 在 openSection 函数中，行后

    contents[0].show();

添加

    $(contents[0].up(1)).scrollTo();

注意：如果您还在网站上的其他任何地方使用手风琴，请小心。

【讨论】：