スクロール バー ページングの監視を実装するための jQuery スクロール イベント example_jquery

スクロール イベントはウィンドウ オブジェクトに適用されますが、CSS オーバーフロー プロパティがスクロールに設定されている iframe 要素をスクロールすることもできます。

コードをコピー コードは次のとおりです。

$(document).ready(function ( ) { // こういう書き方には慣れています
$(window).scroll(function () {
//$(window).scrollTop() このメソッドは現在のスクロールバーのスクロール距離です
//$(window ).height() 現在のフォームの高さを取得します
//$(document).height() 現在のドキュメントの高さを取得します
var bot = 50; //ボットは底からの高さ
if（（bot $（window）.scrolltop（））＆gt; =（$（document）.height（） - $（window）.height（））{
the height -height -heigh
フォームの高さ});
}
});
});

(window).height() と (document).height() の違いに注意してください

jQuery(window).height() は現在表示されている領域のサイズを表し、jQuery(document).height() はドキュメント全体の高さを表し、特定の状況に応じて使用できます。

ブラウザのウィンドウ サイズが変更されると (ウィンドウを最大化または拡大した後など)、それに応じて jQuery(window).height() も変更されますが、jQuery(document).height() は変更されないことに注意してください。

コードをコピーします コードは次のとおりです:

$(document).scrollTop() 垂直スクロールの距離を取得します。これは、現在スクロールしているウィンドウの上部からページ全体の上部までの距離です。

$(document).scrollLeft( ) これは水平スクロールバーを取得する距離です

トップを取得するには、scrollTop()==0 の場合にのみ取得する必要があります。それがトップです

一番下を取得するには、scrollTop()>=$(document).height()-$(window).height() を取得します。そうすれば、一番下までスクロールしたことがわかります

コードをコピーします コードは次のとおりです:

$(document).height() //高さを取得します。ページ全体
$(window ).height() //ブラウザに表示されているページの部分の高さを取得します。このサイズはブラウザのウィンドウのサイズを変更すると変わります。このドキュメントは英語で理解できるはずです。

試してみればわかります

コードをコピーしてください。 > コードは次のとおりです:

$(document).scroll(function(){

$("#lb").text($(document) .scrollTop());
})
<--スクロール時に見やすくするための固定スパンマーク -->