DOM - 获取浏览器高度
获取浏览器高度经常用于实现下拉刷新、下拉加载、上拉刷新等场景。
| window属性 |
描述 |
| window.innerHeight |
浏览器视口高度（px），如果存在滚动条则包括它。 |
| window.outerHeight |
整个浏览器窗口的高度（px） |
| window.screen.height |
屏幕分辨率高度 |
| window.screen.availHeight |
减去比如Windows的任务栏等界面特性的屏幕的可用高度 |
| window.screenTop |
返回窗口相对于屏幕的Y坐标 |
window.innerHeight和window.outerHeight
| 元素属性 |
描述 |
| document.body.clientHeight |
网页body高度（包括看不见的网页）（包括padding，不包括border、水平滚动条） |
| document.body.offsetHeight |
网页body高度（包括看不见的网页）（包括padding、border、水平滚动条） |
| document.body.scrollHeight |
body滚动条内的内容高度 |
| document.documentElement.clientHeight |
网页可见区域高度 |
| document.body.scrollTop |
滚动条卷去的高度 |
| document.documentElement.scrollTop |
滚动条卷去的高度 |
- document.body.scrollTop和document.documentElement.scrollTop基本作用一样，但是在指定了文档类型（DOCTYPE）时，只有document.documentElement.scrollTop生效。
本文标题：DOM - 获取浏览器高度
本文链接：https://www.haomeiwen.com/subject/kycamctx.html
网友评论