无限(可滚动)Div没有任何插件与Javascript/JQuery

Infinite (Scrollable) Div without any plugin with Javascript/JQuery

本文关键字：插件 任何 Javascript JQuery 滚动 Div 无限      更新时间：2023-09-26

我试着搜索它，有很多这样的问题，但没有一个有答案。我想实现一个可滚动的Div加载动态内容没有任何插件。我正在实现JQuery本身，但不想添加其他插件。

我知道如何在整个文档中做到这一点，因为大多数问题都建议

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

但是现在我如何在一个div上实现这个呢?当我在底部滚动div时它会用ajax加载内容?

试试这个:

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