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

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

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

但是我遇到的问题是，无论何时用户开始滚动，上面的脚本都会触发。 因此，如果用户向上滚动以查看以前的post，则会加载更多post。 如果用户位于中心并且只滚动了一小部分，则脚本会加载更多post。

我的问题是，有没有办法确定用户何时开始向下滚动并已到达新resize的页面的中心，因为有更多的附加post。

谢谢

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