offset / client / scroll

元素偏移量 offset

•  动态得到该元素的位置（偏移）、大小等；
• 获得元素距离带有定位父元素的位置
• 获得元素自身的大小（宽度高度）
• 注意：返回的数值都不带单位

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

元素可视区 client

client系列属性	作用
element.clientTop	返回元素上边框的大小
element.clientLeft	返回元素左边框的大小
element.clientWidth	返回自身包括padding、内容的高度，不包含边框，返回数值不带单位
element.clientHeight	返回自身包括padding、内容区的高度，不含边框，返回值不带单位

元素滚动scroll

 注意页面滚动的距离通过window.pageXOffset 获得

scroll系列属性	作用
element.scrollTop	返回被卷上去的上侧距离，返回值不带单位
element.scrollLeft	返回被卷上去的左侧距离，返回数值不带单位
element.scrollWidth	返回自身实际的宽度，不含边框，返回数值不带单位
element.scrollHeight	返回自身实际的高度，不含边框，返回数值不带单位