javascript - 有没有办法告诉页面已经滚动到某个div？

Question

我想知道是否有一种方法可以判断页面是否滚动到某个 div 上。当 div 超过页面上的某个点时，我试图更改它的颜色。我知道我可以使用 scrolltotop 方法来完成这项工作:

if($(window).scrollTop() > 0){
//code
}

虽然我想知道是否必须获取页面上的 div 高度然后从那里开始，或者是否有内置方法来检查 div 是否已滚动到？

Answer 1

您可以做的是获取 scrollTop 和 innerHeight 的总和，当它等于 scrollHeight 时，您就到达了 div 的末尾。像这样:

$('divselector').bind('scroll', function()                              {
                            if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight)
                            {
                              alert('End of div');
                            }
                          })

Demo