スクロールしてより多くのコンテンツをロードする

Question

私はliタグの内容が非常に長いhtmlページを持っています。私はすぐにそれらをロードしたくない。ユーザーがスクロールして読むことができたら、10個ほどのタグを読み込みたい。ページは15個のliタグを読み込みます。ページ総数は100タグになります。任意のJavaScriptがそれを処理することができますか？

例えば

ユーザ後

をスクロール

Answer 1

私はコメントできませんが、最初にいくつかのコードを試してみることをお勧めします。また、私はあなたがそれを行う必要があるすべてのコードを行うことはありませんが、私はあなたを導くことができますようにこれを行うことができます。 この例は、スクロール後のget alertと似ています。jqueryを使ってdivの位置を取得することができます。

$(function(){ 
     $(window).bind("scroll.alert", function() { 
      var $this = $(this); 
      if ($this.scrollTop() >= 100) { 
       alert("You've scrolled 100 pixels."); 
       $this.unbind("scroll.alert"); 
      } 
     }); 
    }); 

UPDATE：

それはあなたが望むものによって決まります。あなたはダウンし、各100pxにスクロールのためにそれを行うことができます何かをするか、私はそこにスクロールした後、私は新しいコンテンツをつくれて、新しい位置を取得したい位置 Jquery position of some element

を取得し、あなたのコード大丈夫、私の神のdivの位置を更新します。

しかし、PHPとデータベースでやりたいのであれば、それは簡単です。 他のリンクをdisplay：noneに設定する必要があります。スクロールを変更した後にCSSを表示したり、そこにアニメーション表示したりすることができます。