Jquery无限滚动 - 使用div而不是body的滚动条

Question

假设我有div,我想获取数据并将数据推入该div.当用户在div中滚动时,将获取下一组数据并将其推送到div中.如何使用jQuery检测滚动条位置？我不想使用任何插件.我需要jQuery代码.这是一个示例链接,如ahttp://www.stevefenton.co.uk/cmsfiles/assets/File/infinitescroller.html但它使用了一个插件.

Answer 1

怎么样的东西:

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

当滚动条到达页面底部时,这将向主页面容器附加一个新元素.它还使用从外部脚本加载的内容填充此新元素.

如果要检测用户是否已滚动到底部特定div:

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