javascript - jQuery - 如何使用智能方式在滚动顶部加载内容

Question

我正在使用这种方式在用户滚动到顶部时从消息中加载旧内容。

$("#Default3").scroll(function() { 

if($("#Default3").scrollTop()<1) {

// load 10 more old data to div

});
});

但是，如果您滚动到顶部，它只会加载一次。您需要向下滚动一点，然后向上滚动以再次加载 10 个。所以我检查了 facebook 消息，发现如果滚动高于高度的 50%，它们会加载更多旧内容。这样做的正确方法是什么？

Answer 1

您可以向下滚动一个像素，这样用户就可以再次向上滚动:

$("#Default3").scroll(function() { 
  if ($("#Default3").scrollTop() < 1) {
    // load 10 more old data to div
    $("#Default3").scrollTop(1);
  }
});