$（window）.scrolltop（）vs。$（document）.scrolltop（）

Question

間の違いは次のとおりです。

$(window).scrollTop()

と

$(document).scrollTop()

ありがとう。

Answer 1

どちらも持っています 同じ効果.

しかし、コメントで指摘されているように： $(window).scrollTop() より多くのWebブラウザーによってサポートされています よりも $('html').scrollTop().

Answer 2

まず、ウィンドウとドキュメントの違いを理解する必要があります。ウィンドウオブジェクトは、トップレベルのクライアントサイドオブジェクトです。ウィンドウオブジェクトの上には何もありません。 JavaScriptはオブジェクト指向の言語です。オブジェクトから始めて、そのプロパティまたはオブジェクトグループのプロパティにメソッドを適用します。たとえば、ドキュメントオブジェクトはウィンドウオブジェクトのオブジェクトです。ドキュメントの背景色を変更するには、ドキュメントのBGColorプロパティを設定します。

window.document.bgcolor = "red" 

あなたの質問に答えるために、ウィンドウとドキュメントのスクロールトップとの間に最終結果に違いはありません。どちらも同じ出力を与えます。

で作業例を確認してください http://jsfiddle.net/7vrvj/6/

一般的にドキュメントを使用してイベントを登録し、ウィンドウを使用して、スクロール、スクロールトップ、サイズ変更などを行います。

Answer 3

これを行うクロスブラウザの方法です

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

Answer 4

同様の問題がいくつかありました scrollTop ここで説明します。

結局、私はこれを回避しました Firefox と すなわち セレクターを使用します $('*').scrollTop(0);

効果を発揮したくない要素がある場合は完璧ではありませんが、ドキュメント、ボディ、HTML、ウィンドウの格差を回避します。それが役立つなら...