1 元素偏移量offset

使用offset相关属性可以得到该元素的位置（偏移），大小等。

1.1 offset常见属性

element.offsetParent();   //返回该元素带有定位的父元素，如果父级都没有则返回body
element.offsetTop();      //返回元素相对带有定位父元素上方的偏移。
element.offsetLeft();     //返回元素相对带有定位父元素左边框的偏移。
element.offsetWidth();    //返回自身包括padding、border、内容的宽度，返回值不带单位。
element.offsetHeight();   //返回自身包括padding、border、内容的高度，返回值不带单位。

1.2 offset和style的区别

offset（适合获取元素大小位置）

• 可以得到任意样式表中的样式值
• 返回值没有单位
• offsetWidth包含padding、border、width
• offsetWidth等是只读属性，只能获取不能赋值 style（适合更改元素值）
• 只能得到行内样式表中的样式值
• 返回值是带有单位的字符串
• style.width获得不包括padding和border的值
• style.width是可读写属性，可以获取也可以赋值

2 元素可视区client

使用client获取元素可视区的相关信息，如动态边框大小、元素大小等。

client属性

element.clientTop;          //返回元素上边框的大小
element.clientLeft;         //返回元素左边框的大小
element.clientWidth;        //返回不包括边框的宽度
element.clientHeight;       //返回不包括边框的高度

3 元素滚动scroll

使用scroll可以得到该元素大小、滚动距离等

scroll属性

element.scrollTop; //返回被卷去的上侧距离
element.scrollLeft; //返回被卷去的左侧距离
element.scrollWidth; //返回自身实际的宽度，不包含边框
element.scrollHeight; //返回自身实际的高度，不包含边框