$(window).scrollTop()与$(document).scrollTop()

Question

有什么区别:

$(window).scrollTop()

和

$(document).scrollTop()

谢谢.

Answer 1

它们都会产生同样的效果.

然而,由于在评论中指出:$(window).scrollTop()由多个Web浏览器支持比$('html').scrollTop().

编辑:2017 只需使用$(window).scrollTop()

Answer 2

首先,您需要了解窗口和文档之间的区别.窗口对象是顶级客户端对象.窗口对象上方没有任何内容.Javascript是面向对象的语言.您从一个对象开始,并将方法应用于它的属性或它的对象组的属性.例如,文档对象是窗口对象的对象.要更改文档的背景颜色,您需要设置文档的bgcolor属性.

window.document.bgcolor = "red" 

要回答您的问题,窗口和文档scrollTop之间的最终结果没有区别.两者都会给出相同的输出.

查看http://jsfiddle.net/7VRvj/6/上的工作示例

一般使用文档主要是注册事件和使用窗口来做滚动,scrollTop和调整大小等事情.

Answer 3

跨浏览器这样做的方式是

var top = ($(window).scrollTop() || $("body").scrollTop());