offset,scroll,client系列

时间:2022-11-26 20:29:31

offsetHeight: 元素高,height+border+padding
offsetWidth: 元素宽,width+border+padding
offsetTop: 距离offsetParent顶部的距离
offsetLeft: 距离offsetParent左边的距离
offsetParent: 最近的带有定位的父盒子

scrollHeight: 内容高,不含border
scrollWidth: 内容宽,不含border

scrollTop: 被滚动条卷走的部分
document.documentELement.scrollTop 声明DTD的浏览器
|| document.body.scrollTop; 没声明DTD的浏览器
|| window.pageXOffset; ie9+等标准浏览器

scrollLeft: 被滚动条卷走的部分
document.documentELement.scrollLeft 声明DTD的浏览器
|| document.body.scrollLeft 没声明DTD的浏览器
|| window.pageYOffset; ie9+等标准浏览器

clientHeight: 元素高,height+padding;
clientWidth: 元素宽,width+padding;

window.innerHeight;document.documentElement.clientHeight 可视区域的高
window.innerWidth;document.documentElement.clientWidth; 可视区域的宽
clientTop: 元素的上border宽
clientLeft: 元素的左border宽

event.clientY鼠标距离浏览器可视区域的距离,上

event.clientX鼠标距离浏览器可视区域的距离,左

offset,scroll,client系列offset,scroll,client系列