获取页面的 滚动高度 可视化 高度 ,页面的总高度
程序员文章站
2022-06-05 22:34:48
...
如果要写一个 懒加载的话 可能需要这些高度的配合使用了
但是把 有的时候 总是会忘记
页面的滚动高度 :
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
页面的可视化高度:
var client = document.documentElement.clientHeight;
或者
var client = window.innerHeight;
页面的总高度 :
var scrollTop = document.documentElement.scrollHeight;
我看的有的文档说是 document.body.scrollHeight; 我试了试 获取不到
还有一个就是 元素 距离 网页 顶部的距离
el.offsetTop; 这个是获取到顶部的距离
页面的宽度什么就先不写
但是 rem 的计算 就是 用到了 页面的可视化宽度
其实把上面的 height 换成width 就可以了
document.documentElement.clientWidth;