2008-09-30 6 views
9

私は、クライアントのWebブラウザが画面の一番下(または一番上)までスクロールされていることを検出するクロスブラウザの方法を探しています。あなたが一番上にいる場合はゼロである scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop

としてクライアントがウェブページの上部または下部にスクロールしていることを検出するにはどうすればよいですか?

本当に、トップは、かなり簡単です。問題は、scrYがスクロールバーの上端を返すように見えるということです。ドキュメントの高さに相当するもの(ピクセル単位)を取得するのではなく、ドキュメントの高さをおそらくスクロール・バー。

ユーザーがドキュメント/ウィンドウの下部にスクロールしたかどうかを簡単にブラウザーで確認できますか?最も具体的には、一般的なスクロールバーの操作(設定、移動など)について理解していますが、スクロールバーの位置の下端のデルタをウィンドウ/ドキュメントの下部に対してどのように取得できますか?要素が表示されていることを確実にするために

答えて

2

合計を使用することができます。

function isTop() { 
    return window.pageYOffset == 0; 
} 

function isBottom() { 
    return window.pageYOffset >= window.scrollMaxY; 
} 
+1

WebkitではscrollMaxYを使用できません – Ivan

関連する問題