javascript - 当用户到达页面末尾时加载页面减去 x 像素

Question

我有一个函数可以用来检测页面的结尾。当它到达终点时，它会触发一个加载更多内容的功能。这对我来说似乎工作正常但对于其他用户(没有像我一样大的屏幕)它不起作用。我认为这与一张大 table 有关，它把所有东西都扔掉了。

无论如何，我现在要做的不是在页面末尾加载，而是在页面末尾加载 -100 像素或我需要的任何像素数量。这是我的代码:

win.scroll(function() {
    // End of the document reached?


    var docHeight = $(document).height();
    var winHeight = win.height();
    var scTop = win.scrollTop();        

    if (docHeight - winHeight == scTop) {
        if(!allRecords){
            populateAssignments();
        }
    }
}); 

现在我尝试了从 docHeight 或 winHeight 或 scrollTop 中减去 100 的不同组合，但似乎没有任何效果。任何想法？

Answer 1

您不能真的相信具有滚动功能和 window.scroll 的用户会在特定时间触发。您应该在此处使用逻辑运算符。尝试比较它是否具有更大的值(value):

if (docHeight - winHeight > scTop) {

那应该行得通。您的第一个和不同的组合可能都是正确的。只是这里的逻辑有问题。使用大于运算符。