javascript - 检查div内容是否滚动到页面底部

Question

我想检查特定 div 的内容是否使用浏览器的滚动条(垂直)滚动到底部并发出警报。我需要知道是否所有内容都向下滚动到 div 并向其中添加新内容。

关于如何做到这一点有什么建议吗？

编辑:没有设置溢出，我需要通过滚动浏览器窗口来了解 div 内容的结尾。

Answer 1

您可以使用一些属性/方法:

$().scrollTop()//how much has been scrolled
$().innerHeight()// inner height of the element
DOMElement.scrollHeight//height of the content of the element

这样你就可以得到它

jQuery(
  function($)
  {
    $('#YourDivId').bind('scroll', function()
                              {
                                if($(this).scrollTop() + 
                                   $(this).innerHeight()
                                   >= $(this)[0].scrollHeight)
                                {
                                  alert('end reached');
                                }
    })
  }
);