Firefox jquery scrollTo flicker bug

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

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

请参见此处的示例

我已经尝试设置所有具有固定位置的元素溢出：auto但没有做任何事情。 我对JS或Jquery并不是很熟悉，但我知道改变它的东西。 任何帮助将不胜感激！

Answer 1

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

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

Firefox正试图“滚动到# ”并同时制作动画。

Answer 2

在我评论Doug的post上的页面书签之后，我头上的灯亮了！ 希望您能够适应您的脚本，如果您需要书签

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