Firefox jquery scrollTo 闪烁错误答案

【问题标题】：Firefox jquery scrollTo flicker bugFirefox jquery scrollTo 闪烁错误
【发布时间】：2010-12-26 14:56:50
【问题描述】：

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

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

See An Example Here

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

【问题讨论】：

对我来说没有闪烁：Mac OS X (10.6.2), Firefox 3.3.5

标签： jquery firefox flicker scrollto

【解决方案1】：

问题在于您没有取消单击功能中的默认浏览器操作。把你的代码改成这样，闪烁就会消失：

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

Firefox 正在尝试“滚动到 #”并同时进行动画处理。

【讨论】：

谢谢！做到了。我真的应该问而不是本周在互联网上拖钓十个小时。 ;)。
乐于助人！请务必检查此答案旁边的绿色复选标记，以便将其标记为“已解决”。欢迎来到 StackOverflow！希望能见到你更多！
+1 你认为这个闪烁现在已经解决了.. 它还没有:(
这是一个很好的解决方案，但我错过了为页面添加书签的可能性...... :-(
很好的修复！请注意使用此功能的其他人。我没有立即注意到它是.click(function(e) 而不仅仅是.click(function()。需要将jquery事件放入函数中

【解决方案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;
        }
    });   
});

【讨论】：