javascript - 当内容耗尽时结束无限滚动的最有效方法是什么？

Question

我们有一个网络应用程序，当我们到达页面底部时，我们会自动加载更多内容，如下所示:

$window
.on('scroll', function () {
    var 
        $this = $(this)
    ;
    if ($this.scrollTop() == $document.height() - $window.height()
        && $('#product-list').hasClass('has-more')) {
        // load more content
    }
})

我们目前在父元素上使用“has-more”类，当没有更多可用内容时，该类将被删除。

我对这种方法不太满意，有什么想法吗？

Answer 1

与其在没有其他内容时删除类 has-more 并(但仍然)继续在滚动事件上检查其是否存在，为什么不删除事件处理程序本身呢？

这样你就没有事件处理程序，也没有决策，直到你再次绑定(bind)它，当其他 ajax 事件告诉你现在有可用的内容时。