【问题标题】: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;
        }
    });   
});

【讨论】:

    猜你喜欢
    • 2010-11-15
    • 2012-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-06
    • 2011-01-06
    • 2015-08-10
    相关资源
    最近更新 更多