javascript - 当用户滚动到页面末尾时自动点击

Question

我正在尝试在我的网站上创建无限滚动功能，但它不起作用。我的代码：

var post = {}
post.load_moreBtn = $('#home_load_more');
if($(window).scrollTop() + $(window).height() == $(document).height()) {
    post.load_moreBtn.trigger('click');
}
post.load_moreBtn.on('click', function () {
    $(this).html('<img src="' + base_url + 'images/core/loader2.gif"/>');
    post.load_more_messages($(this).attr('data-last_id'));
});

如果我用警报代替触发器它可以工作，如果我删除滚动检测位，负载更多工作正常。只是无法自动加载，请帮助。

Answer 1

使用 jQuery 很容易：

$(function(){ //on document ready
    $(document).scroll(function (e) { //bind scroll event

        var intBottomMargin = 300; //Pixels from bottom when script should trigger

        //if less than intBottomMargin px from bottom
        if ($(window).scrollTop() >= $(document).height() - $(window).height() - intBottomMargin) {
            $("#home_load_more").click(); //trigger click
        }

    });
});

我把它绑定在