SnapJS 移动菜单定位答案

【问题标题】：SnapJS Mobile Menu PositioningSnapJS 移动菜单定位
【发布时间】：2014-05-06 12:31:01
【问题描述】：

我正在尝试使用开箱即用的移动菜单设置 Wordpress 入门主题。我正在使用 SnapJS 创建一个滑出菜单。

它运行得相当好 - 几乎完美，但我遇到了一个我无法解决的问题。

您可以在此处找到当前状态的菜单：http://sandbox.benpalmer.me/flow/test/

问题是，如果您向下滚动页面（在浏览器宽度小于 700 像素的情况下）然后点击菜单按钮，菜单会滑出，但内容（在#wrapper 中）会跳回顶部。

我确切地知道为什么会发生这种情况 - 定位切换到固定，顶部设置为 0px。

我有以下 JS 设置：

snap.on('open', function() {
    wrapper.css({
        'top': '-' + $('body').scrollTop() + 'px'
    });
});

这几乎可以满足我的需要，但它基本上会跳到顶部，然后向下滚动到这个位置。

我可以肯定地说这个动画来自 Snap，但我真的不确定要删除或更改什么。或者即使有一种简单的方法可以阻止这种情况发生？

任何帮助将不胜感激！谢谢！

【问题讨论】：

【解决方案1】：

我在 SnapJS 中发现了有问题的行，幸运的是，这意味着要解决这个问题，我不必编辑 SnapJS 本身。

settings.element.style[cache.vendor+'Transition'] = 'all ' + settings.transitionSpeed + 's ' + settings.easing;

修复方法是将transitionSpeed 设置为0。现在它仍然应用过渡，但由于它设置为 0，因此显然不明显。

【讨论】：