当前位置: 首页 > Web前端 > JavaScript

获取页面的各个高度

时间:2023-03-27 15:57:41 JavaScript

文档底部到可视区域窗口底部的距离=文档总高度-文档滚动高度-可视区域窗口高度当前元素到底部的距离=可视区域窗口高度+文档滚动高度-当前元素距页面顶部的距离-当前元素高度console.log(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0)//文档滚动高度console.log($(document).height())//文档的总高度console.log(document.documentElement.clientHeight)//可见窗口的高度console.log($('xxx').height())//当前元素的高度console.log($('xxx').offset().top)//当前元素与其他高度页面顶部的距离网页可见区域宽度:document.body.clientWidth网页可见区域高度:document.body.clientHeightWebpage可见区域宽度:document.body。offsetWidth(包括边框的宽度)网页可见区域的高度:document.body.offsetHeight(包括边框的宽度)网页全文的宽度:document.body.scrollWidth网页文字全文高度:document.body.scrollHeight网页滚动高度:document.body.scrollTop滚动网页左侧:document.body.scrollLeft网页文字部分顶部:window.screenTop网页左侧文本部分:window.screenLeft屏幕分辨率高度:window.screen.height屏幕分辨率宽度:window.screen.width屏幕可用工作区高度:window.screen.availHeight屏幕可用工作区宽度:window.screen.availWidth