欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

获取页面的 滚动高度 可视化 高度 ,页面的总高度

程序员文章站 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;