javaScript - offset，client，scroll 获取元素的位置

1.offset

offset系列属性	作用
offsetParent	返回该元素有定位的父级，如果父级都没有定位则返回body
offsetTop	返回元素相对父级（带有定位的父级）上方的偏移
offsetLeft	返回元素相对父级（带有定位的父级）左边框的偏移
offsetWidth	返回自身的宽度，包括padding、border、内容区，返回数值不带单位
offsetHeight	返回自身的高度，包括padding、border、内容区，返回数值不带单位

 

2.client

Client系列	作用
clientTop	返回的是元素的上边框大小
clientLeft	返回的是元素的左边框大小
clientWidth	返回的是元素自身的width  不包含border的宽度 返回数值不带单位
clientHeight	返回的是元素自身的高度 不包含border的宽度 返回数值不带单位

 

3.scroll

scroll系列属性	作用
scrollTop	返回被卷上去的距离，距离不带单位
scrollLeft	返回被卷左侧的距离，距离不带单位
scrollWidth	返回自身的实际宽度(会算上内容超出的部分)，不含边框，距离不带单位
scrollHeight	返回自身的实际高度(会算上内容超出的部分)，不含边框，距离不带单位