获取页面scroll高度
Posted asdfq
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了获取页面scroll高度相关的知识，希望对你有一定的参考价值。
记录一下获取 scroll 高度的方法
经实际测试: document.body.scrollTop 在 chrome 下会返回0.
所以 document.documentElement.scrollTop 或者 window.pageYOffset 需要一起判断, 做一下兼容
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
获取视口区域的高度
var viewportSize = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;获取一个元素的高度(一个元素距离顶部的高度, 这个是一定的, 决定了这个元素在页面的某一个位置)
document.querySelector("selector").offsetTop应用:
如果scroll的高度大于了元素所在位置的高度, 那么需要进行加载 (lazy load)
以上是关于获取页面scroll高度的主要内容，如果未能解决你的问题，请参考以下文章