オンデマンドでのスクロール負荷データ

Question

私は、スクロールによるデータのオンデマンドロードを実装しています。

divのためにdocument.readyに関数を登録しました。

データは、スクロールが最後に到達したときにのみ挿入する必要があります。スクロールが最後に到達したかどうかを確認するために、私は以下の関数を使用しています。

$("#tree").scroll(function() { 
       if (isScrolledToBottom(this)) { 

       } 
      }); 

しかし、この関数は正しい値を返していません。スクロールが最後に達したときに真の値を返さなければならないということです。

function isScrolledToBottom(object) { 
      return ($(object).attr('scrollHeight') - $(object).scrollTop() - 1) <= $(object).height(); 
     }; 

Answer 1

代わりにこれを試してみてください：

return ($(object).attr('offsetHeight') + $(object).attr('scrollTop') >= $(object).attr('scrollHeight')); 

Answer 2

あなたは無限スクロールを行いたい場合は、ここに私の答えをチェックアウト： How to load the web page content based on user scrolling

をこのデモは、特定のYスクロール位置でトリガーされます。ユーザーが特定のアイテムに到達したときにこれを具体的に実行する場合は、Waypointsプラグインを参照してください。

http://imakewebthings.com/jquery-waypoints/

無限スクロールデモ：私は確信しているhttp://imakewebthings.com/jquery-waypoints/infinite-scroll/

$('.theItems:last').waypoint(function(event, direction) { 
    //Ajax fetch here 
}); 

Answer 3

var scrollHeight = $(object).prop("scrollHeight"); // total scrollable height of the element 
    var scrollTop = $(object).scrollTop(); // how far you have come from the top while scrolling vertically 
    var height = $(object).height(); // the constant height of the portion in display at all times 

    if (scrollHeight === (scrollTop + height)) { 
     //console.log("fetching page"); 
     fetchNextPage(); 
    }