当HTML元素滚动到视图中时是否会触发Javascript事件？

我希望在元素滚动到视图中时加载它们以减少服务器负载，例如缩略图，但希望它们的占位符

divs

在页面加载时就存在。为此，我想当

div

可见时，我需要某种触发器

被建议，但我似乎无法从任何地方获得它的副本（谷歌给我一个403错误）

---

有人知道怎么做吗？

我认为jQuery way points是您可能需要的插件：

以下是如何调用航路点插件：

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

$（文档）.ready（函数（）{
var$loading=$（“加载更多项目&hellip；
”），
$footer=$（'footer'），
选项={
抵销：“100%”
};
$footer.waypoint（功能（事件、方向）{
$footer.waypoint（'remove'）；
$（'body'）。追加（$loading）；
$.get（$（'.more a'）.attr（'href'），函数（数据）{
var$data=$（数据）；
$（'#container'）.append（$data.find（'.article'））；
$loading.detach（）；
$（'.more'）.replaceWith（$data.find（'.more'））；
$footer.航路点（opts）；
});
}，opts）；
});

那怎么办？