$(窗口).scrollTop()与$(文档).scrollTop()

Question

这两者有什么不同：

$(window).scrollTop()

和

$(document).scrollTop()

谢谢。

Answer 1

首先，您需要了解window和document之间的区别。window对象是顶级客户端对象。在window对象之上没有任何东西。JavaScript是一种面向对象的语言。您可以从对象开始，然后将方法应用于其属性或其对象组的属性。例如，document对象是window对象的一个对象。要更改document的背景色，需要设置document的bgcolor属性。

window.document.bgcolor = "red" 

为了回答你的问题，window和document scrollTop在最终结果上没有区别。这两种方法都会产生相同的输出。

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

通常，使用document主要用于注册事件，并使用window执行scroll、scrollTop和resize等操作。

Answer 2

跨浏览器的方法是

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