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');
                                }
    })
  }
);

Answer 2

你可以这样做：

function IsScrolledToBottom(divID) {
  returnVal = false;

  obj = document.getElementById(divID);

  if ( obj.scrollTop == (obj.scrollHeight - obj.offsetHeight) ) {
    returnVal = true;
  }
  return returnVal;
}

你需要做的就是在div元素上调用这个函数，如果它已经滚动到底部，它将返回true。

希望这有帮助。

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

2 个答案: