获取页面scroll高度

记录一下获取 scroll 高度的方法
经实际测试: document.body.scrollTop 在 chrome 下会返回0.
因此 document.documentElement.scrollTop 或者 window.pageYOffset 须要一块儿判断, 作一下兼容
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
获取视口区域的高度chrome

var viewportSize = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

获取一个元素的高度(一个元素距离顶部的高度, 这个是必定的, 决定了这个元素在页面的某一个位置)测试

document.querySelector("selector").offsetTop

应用:
若是scroll的高度大于了元素所在位置的高度, 那么须要进行加载 (lazy load)code

相关文章
相关标签/搜索