盒子的距离以及滚动条之类的

getComputedStyle(obj).attr 带单位 只能获取指定的样式，计算后的样式。不支持padding

在获取left，top...位置的时候，必须设置一个默认值

clientWidth/clientHeight

支持padding 不带单位，number类型的，不支持border

clientLeft/clientTop

左边框/上边框

offsetWidth/offsetHeight

包含边框 + padding + 元素大小

在没有设置固定宽高的时候，走被内容撑开的宽高

 

scrollHeight/scrollWidth

不支持边框，但是支持被内容撑开的宽高。

 

可视区尺寸:

window.innerWidth/window.innerHeight（包括滚动条的高度）

 

document.documentElement.clientWidth/document.documentElement.clientHeight（不包括滚动条的高度）

 

滚动的距离:

window.pageXOffset/window.pageYOffset 能读

window.scrollTo(x,y) 写

document.documentElement.scrollTop/scrollLeft 能读能写

 

转载于:https://www.cnblogs.com/Allisson/p/9985018.html