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

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 能读能写
 
posted @ 2018-11-19 19:34  Allisson-yan  阅读(401)  评论(0编辑  收藏  举报