js测量div的可见高度和总高度之间的差异

2018-06-25 18:02:29

我如何测量js屏幕上div和可见高度的总高度？

例如，如果div的总高度为1000px，并且当前只有450px在屏幕上可见。

因为只有450px是可见的，剩下的650px仍然需要滚动（剩余的px），所以我试图在剩余的px小于100px时触发警报。

换句话说，在1000px中，如果用户向下滚动，剩余的px小于100px，我想触发警报。

我发现我可以使用类似“.offset（）。top”的东西，但我不太确定如何去做。

var div = document.getElementsByTagName('div')[0];

window.addEventListener("scroll", function() {
  if (window.pageYOffset - div.offsetTop > 900) {
    alert('Less than 100px of div visible');
  }
});

body {
  height: 2000px;
}
div {
  background-color: lightblue;
  height: 1000px;
}

<div></div>

链接地址: http://www.djcxy.com/p/72061.html

上一篇: js measuring the difference between visible height and total height of div

下一篇: Issue scrolling with scroll bar in Superscrollorama