我々はJavascriptを/ jQueryの

Question

を使用して、ページの一番下にしているかどうかを判断する方法

ありjQueryのでscrollBottom()と呼ばれるものは何もありませんので、私は$(window).scrollBottom()==0

の質問はタイトル自体から明らかであるホープはできません。どんな助けでも大歓迎です。私は主にIE7 +、FF3.5 +（Chromeなどはボーナスです）に興味があります

ありがとう！

Answer 1

あなたは要素が（ページの一番下に、例えば要素）表示されているかどうかを確認するために、この機能を使用することができます。

function isScrolledIntoView(elem) 
{ 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 

    var elemTop = $(elem).offset().top; 
    var elemBottom = elemTop + $(elem).height(); 

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)); 
} 

私はそれで（Facebookの中のような）無限スクロール効果を実装しました。

あなたがするたびに確認することができ、ユーザーがウィンドウをスクロールしている：

function checkAndLoad(){ 
    if(isScrolledIntoView($('#footer'))){ 
     triggerSomething(); // 
    } 
} 
$(document).ready(function(){ 
    checkAndLoad(); 
    $(window).scroll(function(){ 
     checkAndLoad(); 
    }); 
}); 

Answer 2

<皮肉>はJavaScriptを使用してください。 </ironic >

このブラウザのサポートは混在しています。非IEではwindow.pageYOffset、IEではdocument.body.scrollTopまたはdocument.documentElement.scrollTopのいずれかを使用する必要があります。ブラウザのバージョンと互換性モードによって異なります。

結果にいくつかのレベルの数学的操作を行わなければならないかもしれません - 私は仕事でテストするために複数のブラウザにアクセスすることはできません（私は知っています）。

Answer 3

チェックこれは

http://jsfiddle.net/sandeepan_nits/3Ys35/2/

を働く場合、私はe.pageYと$(document).height()を比較したが、フィドルの例では、すべてのブラウザのために正確に動作しないとオフセットの問題があります。 1のオフセットを設定すると、ffで正常に動作します。

他に何も完璧に動作しない場合は、ブラウザに基づいて異なるオフセットを設定すること（IEは別々必要があるでしょうし、他の人はおそらく分離）、または他のそれはあなたのあたりとしてOKであれば範囲チェック（if((e.pageY < ($(document).height() + upperLimit)) && (e.pageY > ($(document).height() + lowerLimit)))）と同じ条件（if(e.pageY == ($(document).height() - offset))）を交換要件。