scrollTop检查用户是否滚动到某个元素

Question

我想当用户到达时说div＃btm，它会淡出。我知道如何做css部分，只需添加转换和不透明度0.但是如何使用scrollTop检查用户是否已滚动直到该元素？

我不想使用outerHeight，因为我的元素并不完全位于窗口的底部。

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($) {
    $('#flux').bind('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) {
            alert('end reached');
        }
    })
});

或

$(document).ready(function() {
                   $('#btm').bind('scroll', function() 
                  {
                  if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) 
                      {
                         alert('end reached');
                      }
                  });
                 });