Question

我在这个页面上使用了data-menu-top，因为一切都已修复，并使用Skrollr将不同的部分设置为视图。一切都被修复的原因是我可以做覆盖页面高度的整页SVG（如果你认为有更好的方法可以做到这一点，我很乐意被开悟）。

以下是项目开发页面的链接：http://pman.mindevo.com

第一部分显示的按钮有data-menu-top="10300"，这在Chrome上效果很好，但是当我尝试在Firefox（33.0）中查看时，该链接根本不起作用。

我正在使用此代码进行初始化：

<script type="text/javascript">
setTimeout(function() {
    var s = skrollr.init({
    });

    skrollr.menu.init(s, {
  easing: 'quadratic',
  duration: function(currentTop, targetTop) {
    return 1500;
  }
});
}, 1000);
</script>

我是否正确使用数据菜单？这是一个我不知道使用高度隐藏的固定布局的错误吗？

我是否需要以某种方式更改布局以实现我想要的并让它在Firefox中运行？

Answer 1

因此Firefox的问题在于它处理<button>链接的方式。这是按钮在HTML中的方式：

<button class="buy buypotato">
    <a data-menu-top="10300" href="#potatoPurchase1" class="purchase-options first-popup-link">
       <svg ....etc></svg>
</button>

在Firefox中，点击后它没有做任何事情，让我想到也许我正在使用＆＃34;按钮＆＃34; HTML元素不正确。无论如何，把它改成像这样的div：

<div class="buy buypotato">
    <a data-menu-top="10300" href="#potatoPurchase1" class="purchase-options first-popup-link">
       <svg ....etc></svg>
</div>

这允许Firefox利用Skrollr菜单滚动到我需要它的位置。

可能有更好的方法来做这个布局，我还在试验。

我正在做这个数据菜单吗？我是否需要完全更改布局才能使其正常工作？

1 个答案: