无限（可滚动）Div没有任何带有Javascript / JQuery的插件

Question

我试图通过搜索来搜索它，并且有许多问题像这样被问到但是没有他们有答案。我想实现一个Scrollable Div来加载没有任何插件的动态内容。我正在实现JQuery本身，但不想添加其他插件。

我知道如何在整个文档中执行此操作，因为大多数问题建议

$(window).scroll(function() 
{
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) 
    {
    }
});

但现在我如何在一个div上实现这个？那么，当我在底部滚动我的div然后用ajax加载内容？

Answer 1

试试这个：

  $('#yourdiv').bind('scroll', function(){
       if ($(this).scrollTop() +$(this).innerHeight()>= $(this)[0].scrollHeight)
                {
                    $('#result').append('Bottom of your div');
                }
  });