Divを下から下にスクロールするときにサーバーからデータを読み込む

Question

div内のデータを読み込む必要があります。

問題は、$（ 'div'）ですscrollHeight（）と$（ 'div'）scrollTop（）の値が底に達しても同じではないので、スクロールが底に達したかどうか

divスクロールが底部付近に到達した（または底部からある長さを引いたもの）可能性はありますか？

してくださいアドバイス...

注：基本的には、Facebookのティッカーのように同じことをしようとしています。

よろしく、 ナビーン

Answer 1

ウェブ上にスクロールしたサンプルがたくさんあります。下のコードはthis oneです。

... 
    if(container.scrollTop+container.clientHeight == container.scrollHeight){ 
       startRow = parseInt(startRow) + 10; 
       getData(); 
    } 
... 

希望します。

Answer 2

相続人JSFiddle scrollそれはscrollHeightと比較するscrollTopスプライト+ clientHeightを使用しています。それがあなたのために働くかどうかを見てください、申し訳ありませんがMootoolsで、それはかなりまっすぐ進む。

function HandleScroll() 
{ 
    var el = $("outer"); 
    if((el.scrollTop + el.clientHeight) >= el.scrollHeight) 
    { 
     el.setStyles({ "background-color": "red"}); 
    } 
    else 
    { 
     el.setStyles({ "background-color": "white"}); 
    } 
} 

Answer 3

ドキュメントの高さを取得し、その高さをページの上部から下部までの長さとして使用することをお勧めします。したがって：

var bottom = $(document).height() // == the bottom of your page 

あなたが望む、その距離をマイナスにすることができます。

If((el.scrollTop() + el.outherHeight) >= (bottom - 200)){ 
    // fetch new data 

    // Don't forget to upate the bottom variable when data fetched and renderd 
} 

これはあなたの問題を解決するか、少なくともあなたの解決策を見つけるのを助けました。そうでない場合は、私に知らせてください