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);
  }
});