2012-05-07 29 views
2

好吧,这里是有问题的网站时,是在Safari生涩:http://abramobile.com固定元素使用jQuery .scrollTop()

如果向下滚动过去的滚动条区域的页面(或单击其中一个标签在顶部) ,你会看到内容部分。在这一点上,这个“回到顶部”箭头淡入到右上角。我使用带.click()事件的jQuery scrollTop()将用户带回页面的顶部。我也在使用position:fixed;让元素保持与滚动相同的位置。

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

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

谢谢!

更新:生涩不出现在Safari 5.0.5。有人可以在Safari 5.1.x中验证它吗?

+2

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

回答

1

,使其在Opera和Firefox的工作:

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

变化$('body')$('body, html')

它不是在Safari浏览器(5.0.5)