0

まず、これらの用語の違いを知りたいです。

- $(window).height() 

- $(document).height() 

- $(window).scrollTop()

これらの用語は私には似ているように見えますが、明確な違いを理解することはできません。ここに私の答えがあります：

  • $(window).height(): ユーザーが見ることができるウィンドウの高さを示します。

  • $(document).height(): ドキュメントの全体の高さを示します。これは、ページのコンテンツに応じて、ウィンドウの高さよりも大きい/小さい場合があります。

  • $(document).scrollTop(): ウィンドウ内のスクロールバーの垂直位置を指定します。

実際の質問: スクロールバーがページの下部から 200 ピクセルを超えたときにサーバーを呼び出す必要がある、遅延読み込みのようなものを実装しようとしています。上記の値を使用してこれを取得することはできません。

どんな助けでも大歓迎です。

4

3 に答える 3

1 
$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document
$(window).scrollTop(); //Get the current vertical position of the scroll bar for the first               element in the set of matched elements or set the vertical position of the scroll bar for every matched element.

$(window).scrollHeight(); //Height of the scroll view of an element; it includes the element padding but not its margin.
于 2013-04-15T12:23:10.397 に答える
0

最終的に、これらの用語を理解した後、計算がどうあるべきかを理解しました。答えに感謝します。私の定義はほぼ正しかった。

function (isScrollable) {
  var isUserAtBottom = ($(window).height() + $(window).scrollTop() + 200 > $(document).height());
  if (isUserAtBottom) {
     // Do something (Like Ajax call to server to fetch new elements) 
     return true;
  }
}
于 2013-04-15T12:37:35.480 に答える