2013-03-27 64 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