clientHeight、scrollHeight、offsetHeight和scrollTop之间区别_js/jQuery

资料来源：网络整理时间：2023/3/4 1:03:50 共计：3584 浏览

网页可见区域高：document.body.clientHeight
网页正文全文高：document.body.scrollHeight
网页可见区域高（包括边线的高）：document.body.offsetHeight
网页被卷去的高：document.body.scrollTop
屏幕分辨率高：window.screen.height

对上面信息的理解：
clientHeight就是当前能看到的页面大小，它的值随着浏览器的大小变化！简单的可以理解为浏览器窗口高度－标题栏、菜单栏、工具栏、地址栏、状态栏等高度(一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关)。不包括boder的宽度,如果区域内带有滚动条,还应该减去横向滚动条不可用的高度,正常的是17px；

scrollHeight网页的内容高度。这个值比较麻烦，IE和火狐中大小有很大不同！
IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。
以上都是百度百科中给出的解释，个人认为scrollHeight是网页的内容高度，即我们使用滑块所能看到的内容高度即可。

offsetHeight为模块的高度+边框的大小。
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollTop网页卷起来的高度（网页向上移动过程中，跑上去看不见的部分）。可以理解为scroll top offset是滚动条相对于其顶部的偏移。

window.screen.height是你电脑的屏幕宽度，即分辨率高。

推荐网址：
http://www.cnblogs.com/yuteng/articles/1894578.html（具体代码展示）
http://wenku.it168.com/d_000647093.shtml（详细解释）

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：jquery如何判断滚动条滚到页面底部并执行事件_js/jQuery | ·下一条：jQuery的：$（窗口）的scrollTop（），但没有$（窗口）scrollBottom（）_js/jQuery