基本逻辑如代码,关键在于获取屏幕可见高度的兼容性document.documentElement.clientHeight之前是这样获取的,PC端没什么问题,就是手机浏览器打开时,出现异常。网上查了下,最终的实现代码
document.documentElement.scrollTop 滚动条的纵坐标位置
1 document.body.clientWidth ==> BODY对象宽度
2 document.body.clientHeight ==> BODY对象高度
3 document.documentElement.clientWidth ==> 可见区域宽度
4 document.documentElement.clientHeight ==> 可见区域高度
56 document.body.clientWidth ==> 网页可见区域宽
7 document.body.clientHeight ==> 网页可见区域高
8 document.body.offsetWidth ==> 网页可见区域宽(包括边线的宽)9 document.body.offsetHeight ==> 网页可见区域高(包括边线的高)10 document.body.scrollWidth ==> 网页正文全文宽document.body.scrollHeight ==> 网页正文全文高
11 document.body.scrollTop ==> 网页被卷去的高
12 document.body.scrollLeft ==> 网页被卷去的左
13 window.screenTop ==> 网页正文部分上
14 window.screenLeft ==> 网页正文部分左
15 window.screen.height ==> 屏幕分辨率的高
16 window.screen.width ==> 屏幕可用工作区高度
17 window.screen.availHeight ==> 屏幕可用工作区高度
18 window.screen.availWidth ==> 屏幕可用工作区宽度
获取浏览器窗口的可视区域高度和宽度
于 2023-01-29 15:41:19 首次发布