在页面末尾自动加载（查看更多）

Question

我有这段代码和“查看更多”按钮仅在鼠标悬停在它上面时启动，但我想在页面末尾启动“查看更多”按钮。对此有何帮助？

    this.$viewMore.find('input.ow_newsfeed_view_more').hover(function(){
    var btn = this;
    OW.inProgressNode(this);
    self.loadMore(function(){
        OW.activateNode(btn);
        if ( self.totalItems > self.actionsCount)
        {
            self.$viewMore.show();
        }
    });
});

我知道可以使用这段代码完成，但我无法做到。在这里，警报（'底部！'）工作正常，但“查看更多”不会启动。

$(document).ready(function() {
$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        alert("bottom!");
    }
});

}）;

Answer 1

jQuery Waypoint插件使用得很好。使用它可以免除你在设备/浏览器中处理不同怪癖的噩梦。