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

Question

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

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

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

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

谢谢！

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

score 1 · Accepted Answer

要使其在 Opera 和 Firefox 中运行：

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

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

在 Safari（5.0.5）中对我来说并不生涩

1 回答 1