javascript中offset client scroll总结

1.offset获取的值是根据父元素定位，如果父元素没有定位就相对于文档；

1）offsetTop指距离最近（带有定位）父元素顶部的距离，如果没有父元素没有定位就相对于html(文档)；

2）offsetLeft指距离最近（带有定位）父元素左边的距离，如果没有父元素没有定位就相对于html(文档)；

3）offsetWidth 、offsetHeight获取元素的宽、高（包括 padding、content、border）;

 

2.client获取的范围是可视区域

1).clientTop、clientLef获取元素顶部、左部边框（border)的值；

2)clientWidth、clientHeight获取元素的宽高（包括content、padding）;

 

3.scroll滚动事件的值

1）scrollTop:滚动区域的值，既元素滑动，遮住的部分；

2）.scrollTopHeight:元素本身的高度