$(window).scrollTop() 與 $(document).scrollTop()

Question

有什么區別：

$(window).scrollTop()

和

$(document).scrollTop()

謝謝。

Answer 1

它們都將產生相同的效果。

但是，正如評論中指出的那樣： $(window).scrollTop() 比$('html').scrollTop() $(window).scrollTop()更多網絡瀏覽器的支持。

Answer 2

首先，您需要了解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 3

這樣做的跨瀏覽器方式是

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

Answer 4

我剛剛遇到了此處描述的scrollTop的一些類似問題。

最后，我通過使用選擇器$('*').scrollTop(0);在Firefox和IE上解決了這個問題。

如果您有不想影響的元素，那么它並不完美，但它可以繞過文檔、正文、HTML 和窗口差異。 如果有幫助...