jQuery scrollTop跨瀏覽器不一致

Question

在Chrome和Safari中， $("body").scrollTop(1000)預期。

在IE和FF中，沒有任何反應。

在IE和FF中， $(window).scrollTop(1000)可以工作，但是它們會轉到不同的地方。 它也可以在Chrome和Safari中使用，但它們也可以在不同的地方使用。 他們似乎關閉了高達300-500像素。

是否有任何一致的方法來設置跨瀏覽器工作的scrollTop屬性，如果沒有，為什么jQuery不抽象這個？

我也希望為它制作動畫，這在Chrome和Safari中運行良好，但在其他瀏覽器中則無效。

我是瀏覽器檢測的唯一選擇嗎？ （不好的做法）或者有更好的方法嗎？

Answer 1

$(jQuery.browser.webkit ? "body": "html").animate({ scrollTop: myTop }, myDur);

Webkit瀏覽器（Chrome / Safari，Mac和Win）使用“body”，其他（FF / Opera / IE 7-9）使用“html”

一定要喜歡瀏覽器檢測。

Answer 2

嘗試

$(document).scrollTop("...");

Answer 3

您需要根據瀏覽器將scrollTop應用於body或html ，但將它應用於兩者都沒有任何危害。 由於.scrollTop()適用於集合中的第一個元素，但.animate()適用於所有元素，您可以這樣做：

$('body, html').animate({
  scrollTop: 1000
}, 'fast');

如果要立即應用更改，請將速度（ 'fast' ）更改為0 。 或者，您可以使用以下內容，但我更喜歡上面的語法：

$('body, html').each(function() { $(this).scrollTop(1000); });