Firefox jquery scrollTo flicker bug

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正试图"滚动到#"并同时制作动画.