需要用于无限滚动jquery的小逻辑

我想在用户将滚动条拖动到rhw end时加载数据。 基本上，当滚动条非常接近div或页面的末尾时，在触摸div的末尾或页面之前我想要加载数据。

我在这里检测滚动条到达div或页面末尾的逻辑如下：

第一个是页面结束

$(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height()) { var new_div = '
'; $('.main_content').append(new_div.load('/path/to/script.php')); } }); 

第二个是转移

 $('.some_element').bind('scroll', function(){ if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight){ var new_div = '
'; $('.main_content').append(new_div.load('/path/to/script.php')); } }); 

所以，我需要修改上面的代码，使我的例程能够在滚动条到达页面或div结尾之前调用吗？

Answer 1

改变$(window).scrollTop() + $(window).height() == $(document).height() to

 $(window).scrollTop() + $(window).height() >= $(document).height() - 200 

减法意味着将视口的底部与进一步向上的点200px进行比较。 请注意， ==也会更改为>= 。

Answer 2

我使用nearBottomOfPage（）来实现这一点。 我的完整代码如下，但我认为您只需要检查此方法的逻辑。