Question

我在这里看到很多线程都在谈论Firefox中的闪烁，但没有一个能够描述我遇到的问题。

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

我已经尝试将所有具有固定位置的元素设置为溢出：auto但没有做任何事情。我对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;
        }
    });   
});

Firefox jquery scrollTo flicker bug

2 个答案: