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); });