js/jqueryコントロールページの動的なロードデータのスクロールバーの自動ロードイベントの方法

ページのスクロールはデータを動的にロードし、ページのドロップダウンは自動的に内容をロードします。
多くの人が滝のレイアウトを見たことがあると信じています。それらの写真はダイナミックにロードされています。効果がよく、サーバーの圧力に対しても小さくなりました。
携帯電話の信頼はすべてこのような効果を見たことがあります：qq空間に入って、下に空間を引っ張って、最後の部分の時、動的に残りの話あるいは日誌をロードします。
今日は彼らの実現構想とjs制御の動的なロードコードを見てみます。
下のコードは主にスクロールバーのドロップダウン時のロードイベントを制御します。
下のコードで説明します。あなたの操作を書いてもいいです。画像をロードしても、記録データをロードしてもいいです。  全部できます 
jqueryクラスの引用を忘れないでください。

$(window).scroll(function () {
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();
    if (scrollTop + windowHeight == scrollHeight) {

   　　//                ，          ，           
　　
　　　　　　//var page = Number($("#redgiftNextPage").attr('currentpage')) + 1;
　　　　　　//redgiftList(page);
　　　　　　//$("#redgiftNextPage").attr('currentpage', page + 1);

    }
  });

解析:
スクロールバーの最後の部分を判断するには、DOMの3つの属性値、すなわちscrollTop、clientHeight、scrollHeightが必要である。
scrollTopはスクロールバーのY軸上のスクロール距離です。
clientHeightはコンテンツ可視領域の高さである。
scrollHeightはコンテンツ可視領域の高さにオーバーフロー（スクロール）の距離を加える。
この三つの属性の紹介から分かるように、スクロールバーの最後の部分の条件はscrollTop+clientHeight=scrollHeightです。対応ブラウザ）。
以上のjs/jqueryコントロールページにおいて、データスライダーの自動ローディングイベントを動的にロードする方法は、小編集が皆さんのすべての内容を共有することです。