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
        }

    });
});

我在

中绑定它

当用户滚动到页面末尾时自动单击

1 个答案: