2012-11-28 11 views
6

要素をサーバーの負荷を軽減するために表示するためにスクロールするときに、要素をロードする必要があります。ページの読み込み時にプレースホルダーdivsが存在するようにしたいと考えています。これを行うには、divが表示されたら何らかのトリガーが必要だと思います。HTML要素がスクロールして表示されるときにトリガされるJavascriptイベントはありますか?

jquery-appear

誰もがこれを行うにはどのように他を知っています(Googleが私に403エラーになります)示唆されたが、私はどこからそのコピーを取得するように見えることはできませんか?

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

あなたはウェイポイントプラグインを呼び出すことができる方法である:私はjQueryのウェイポイントを考える

+1

何[jQueryのウェイポイント](HTTPについて: //imakewebthings.com/jquery-waypoints/)? –

答えて

5

はあなたが必要な場合がありますプラグインです

$(document).ready(function() { 
    var $loading = $("<div class='loading'><p>Loading more items&hellip;</p></div>"), 
    $footer = $('footer'), 
    opts = { 
     offset: '100%' 
    }; 

    $footer.waypoint(function(event, direction) { 
     $footer.waypoint('remove'); 
     $('body').append($loading); 
     $.get($('.more a').attr('href'), function(data) { 
      var $data = $(data); 
      $('#container').append($data.find('.article')); 
      $loading.detach(); 
      $('.more').replaceWith($data.find('.more')); 
      $footer.waypoint(opts); 
     }); 
    }, opts); 
}); 
関連する問題