offset

element.offsetTop  返回元素相对带有定位父元素上方的偏移
element.offsetLeft  返回元素相对带有定位父元素左边的偏移

element.offsetWidth   返回自身包括padding 边框  内容区的宽度，返回的值不带单位
element.offsetHeight   返回自身包括padding 边框  内容区的高度，返回的值不带单位

总结

• element.offsetWidth 返回自身包括padding，边框，内容区的宽度，返回值不带单位
• element.clientWidth 返回自身包括padding，内容区的宽度,不含边框，返回值不带单位
• element.scrollWidth 返回自身实际的宽度，不含边框，返回值不带单位
• offset 用于获取元素位置 offsetLeft offsetTop
• client 用户获取元素大小 clientWidth clientHeight
• scroll 获取滚动距离 scrollTop scrollLeft
• 页面滚动的距离 window.pageYOffset