jquery - Facebook のようなコンテンツの読み込みを実装する

Question

Facebook のように、Web ページのスクロール時にコンテンツを自動的にロードする機能を実装したいのですが、これを簡単に実現するにはどうすればよいですか?このための jquery プラグインはありますか?

Answer 1

これはかなり簡単です。まず、要素が最後までスクロールされたときに注意する必要があります。FB サイドバー ティッカー、またはページ全体の場合、最後までスクロールすると、AJAX によってデータがフェッチされている間に読み込み中の GIF 画像が表示され、その後、データが表示され、GIF が表示されます。視界から押し出される画像。ユーザーが一番下までスクロールした瞬間を記録するには、次のようにします。

$(element).bind('scroll',function() {
   if ($(this).outerHeight() + $(this).scrollTop() >= $(this).get(0).scrollHeight) {
   //unbind the 'scroll' event until the data is fetched and displayed
   $(this).unbind('scroll');
   //ajax call to fetch data, display it, and finally rebind the 'scroll' event as a callback function
   }
  });