使用 jQuery .scrollTop() 时，Safari 中的固定元素会生涩答案

【问题标题】：Fixed elements are jerky in Safari when using jQuery .scrollTop()使用 jQuery .scrollTop() 时，Safari 中的固定元素会生涩
【发布时间】：2012-05-07 02:22:43
【问题描述】：

好的，这里是有问题的网站：http://abramobile.com

如果您向下滚动页面越过滑块区域（或单击顶部的选项卡之一），您将进入内容部分。此时，这个“返回顶部”箭头会淡入右上角。我正在使用带有 .click() 事件的 jQuery scrollTop() 将用户带回页面顶部。我也在使用 position:fixed;让元素在滚动时保持在同一个位置。

问题在于在 safari 中，当您单击它返回顶部时，它会变得很生涩，并随着页面向上滚动而闪烁进出。当您滚动回导航区域时，还有一个 fadeTo(200,0) 继续淡出向上箭头。

是否有一些我可以应用的 CSS 来防止这种抖动？如果没有，还有其他方法可以完成我想要做的事情吗？

谢谢！

更新：Safari 5.0.5 中不存在抖动。有人可以在 Safari 5.1.x 中验证它吗？

【问题讨论】：

它比你想象的更糟糕——按钮在 Opera 中什么都不做——但至少它不是生涩的。

标签： jquery css safari fixed scrolltop

【解决方案1】：

要使其在 Opera 和 Firefox 中运行：

$('#toTop').click(function(){
    $('body').stop().animate({
        'scrollTop': 0
    }, 400);
});

将$('body') 更改为$('body, html')

在 Safari(5.0.5) 中对我来说并不生涩

【讨论】：