2013-03-27 69 views
3

此代码滚动元素的跨浏览器:如何使用jQuery动画

jQuery('body').animate({scrollTop: target.offset().top}, 300); 

工作在Firefox,而不是浏览器。

此代码:

jQuery('html').animate({scrollTop: target.offset().top}, 300); 

工程在铬,但不是Firefox浏览器。

我还没有在IE中测试过。

什么是正确的方式来做到这一点,跨浏览器?如果从上面的代码片段中不清楚,我的目标是页面上的一个div,我想慢慢向下滚动它,以便它们按照我想要的完全做到,而不是跨浏览器。

+3

我似乎记得有修改选择以包括'html'和'body',即:' “HTML,身体”'。 – canon 2013-03-27 17:00:22

+0

我在我的网站上遇到了类似jQuery fadein的问题。 – howderek 2013-03-27 17:02:02

回答

4

同时指定htmlbody

$("html,body").animate({scrollTop: target.offset().top}, 300); 
+0

而对于Internet Explorer? – Benubird 2013-03-27 17:06:16

+0

也应该适用于IE。 – canon 2013-03-27 17:38:23

+0

当我尝试它时,它做了,只是想知道哪个(HTML /身体)即使用,或是否有一些其他功能,更推荐使用ie。 – Benubird 2013-03-28 09:18:04