好的,这是有问题的网站:http://abramobile.com
如果向下滚动页面滑过滑块区域(或单击顶部的其中一个选项卡),则会转到内容部分。此时,这个“返回顶部”箭头淡入右上角。我正在使用带有.click()事件的jQuery scrollTop()将用户带回到页面顶部。我也在使用position:fixed;让元素保持在滚动的同一个地方。
问题是在safari中,当你点击它回到顶部时,它会变得所有生涩,并在页面向上滚动时闪烁。当你滚动回到导航区域时,还有一个fadeTo(200,0)正在将向上箭头淡出。
是否有一些可以应用的CSS可以防止这种混乱?如果没有,是否还有另一种方法可以完成我想要做的事情?
谢谢!
更新:Safari 5.0.5中不存在Jerkyness。有人可以在Safari 5.1.x中验证它吗?
答案 0 :(得分:1)
使其在Opera和Firefox中运行:
$('#toTop').click(function(){
$('body').stop().animate({
'scrollTop': 0
}, 400);
});
将$('body')
更改为$('body, html')
在Safari(5.0.5)
中对我来说并不生涩