jquery - Firefox jquery scrollTo 闪烁错误

Question

我在这里看到很多关于 Firefox 闪烁的线程，但没有一个能完全描述我遇到的问题。

我有一个水平滚动网站、固定位置菜单和 jquery 插件 .scrollTo 处理下一个和上一个按钮。这在 Chrome 和 Safari 中效果很好（不了解 IE），但在 Firefox 中，每次使用右上角和角落的箭头从左向右滚动时都会闪烁。

在此处查看示例

我已经尝试将所有具有固定位置的元素设置为溢出：自动，但什么也没做。我对 JS 或 Jquery 不是很熟悉，但我知道足以改变事情。任何帮助将不胜感激！

Answer 1

问题是您没有取消单击功能中的默认浏览器操作。将您的代码更改为此，闪烁将消失：

$(function(){
    $(".next").click(function(e) {
        $.scrollTo( '+=1000px', 600 );
        e.preventDefault();
    });
    $(".prev").click(function(e) {
        $.scrollTo( '-=1000px', 600 );
        e.preventDefault();
    });
});

Firefox 正在尝试“滚动到#”并同时设置动画。

Answer 2

在我对 Doug 帖子的页面可收藏性发表评论后，我脑子里的灯亮了！希望你能适应你的脚本，如果你需要书签

<a href="#gohere" class="mylink">Click</a>
...

$('.mylink').click(function(e) {
    e.preventDefault();
    var anchor = $(this).attr('href');
    $.scrollTo(anchor, 1000, {
        onAfter: function(){
          location.hash = anchor;
        }
    });   
});