使用jQuery时固定元素在Safari中不稳定.scrollTop()

时间:2012-05-07 02:22:44

标签: jquery css3 safari fixed scrolltop

好的,这是有问题的网站:http://abramobile.com

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

问题是在safari中,当你点击它回到顶部时,它会变得所有生涩,并在页面向上滚动时闪烁。当你滚动回到导航区域时,还有一个fadeTo(200,0)正在将向上箭头淡出。

是否有一些可以应用的CSS可以防止这种混乱?如果没有,是否还有另一种方法可以完成我想要做的事情?

谢谢!

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

1 个答案:

答案 0 :(得分:1)

使其在Opera和Firefox中运行:

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

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

在Safari(5.0.5)

中对我来说并不生涩