javascript - HTML要素がスクロールして表示されたときにトリガーされるJavascriptイベントはありますか？

Question

サムネイルなどのサーバーの負荷を減らすために、要素がビューにスクロールするときに要素をロードしたいのですdivsが、ページがロードされたときからプレースホルダーが存在するようにしたいと思います。これを行うには、が表示されたときに何らかのトリガーが必要だと思いdivます。

jquery-appearが提案されましたが、どこからでもコピーを取得できないようです（Googleは403エラーを表示します）

誰かがこれを行う他の方法を知っていますか？

Answer 1

jQueryのウェイポイントはあなたが必要とするかもしれないプラグインだと思います：

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

以下は、ウェイポイントプラグインを呼び出す方法です。

$(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);
});