js关于可视区高度的一些运算

Posted 若水若鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js关于可视区高度的一些运算相关的知识,希望对你有一定的参考价值。

最近开发用到这几个API 记录一下


/*
* 获取浏览器窗口的总高度
*/ 
function getOffsetHeight(){
    return document.documentElement.offsetHeight || document.body.offsetHeight;
}

/*
* 获取浏览器窗口的可视区域的高度
*/ 
function getViewPortHeight() {
    return document.documentElement.clientHeight || document.body.clientHeight;
}
// 获取浏览器窗口垂直滚动条的位置
function getScrollTop() {
    return document.documentElement.scrollTop || document.body.scrollTop;
}

以上是关于js关于可视区高度的一些运算的主要内容,如果未能解决你的问题,请参考以下文章

原生js如何判断元素出现在可视区

document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

常用的一些获取尺寸的方法

js获取屏幕高度

js滚动条当前高度问题

关于取可视区到页面顶部距离(scrollTop)各浏览器不同的方法(兼容性)