盒子的距离以及滚动条之类的
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 能读能写
代码的世界很精彩,好的代码需要慢慢的打磨。