检测用户何时向下滚动并到达页面中心

Question

目前，我有以下代码可以检测用户何时开始滚动以及他们是否已到达页面中心。

$(window).scroll(function() {
        if ($(window).scrollTop()  > $(window).height() / 2) {
            //Load more posts
        }
});

但是我的问题是，每当用户开始滚动时，就会触发上述脚本。 因此，如果用户向上滚动以查看以前的帖子，则将加载更多帖子。 如果用户位于中心并只滚动一点点，则脚本将加载更多帖子。

我的问题是，由于附加了更多帖子，是否有办法确定用户何时开始向下滚动并到达新调整大小页面的中心。

谢谢

Answer 1

尝试这个

$(document).on("scroll.y", function(e) {
  if ($("body").scrollTop() >= ( ($(e.target).height() / 2) -250) ) {
       console.log("approximate center"); $(e.target).off("scroll.y")
  };
  return false
})