1

ピンタレストのウェブサイトのように、スクロールしてそのセクションに到達したときにのみコンテンツをロードするページが必要でした。

それを実装する設計は何ですか、それを行うためのプラグインはありますか? 助けてください。

4

2 に答える 2

3 
$(window).on( "scroll" , function() {

     var $document = $(document);
     var $window = $(this);

     if( $document.scrollTop() >= $document.height() - $window.height() - 400 ) {
         // do something
     }

 });

400 は、ページの下部からのオフセットです。これを行うプラグインがありますが、これはそれを行う簡単なコードです。この関数はスクロール トップが変わるたびに起動するため、underscorejs を使用してこの関数を調整することをお勧めします。したがって、すべてのピクセルに対してトリガーされます。通常、毎秒 60 フレームごとにのみ実行するように調整します。

于 2012-08-28T01:41:37.123 に答える
0

試してみたい場合は、jQuery 用の Lazy Load Plugin があります。

http://www.appelsiini.net/projects/lazyload

于 2012-10-24T07:08:11.700 に答える