offsetLeft，scrollLeft，offsetTop，scrollTop等等的用法

[c-sharp] view plain copy

print ?

1. 一，举几个说明一下  
2. 1，scrollHeight: 获取对象的滚动高度，对象的实际高度；  
3. 2，scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  
4. 3，scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  
5. 4，scrollWidth:获取对象的滚动宽度  
6. 5，offsetHeight:获取对象相对由父坐标 offsetParent 属性指定的父坐标的高度  
7. 6，offsetLeft:获取当前对象到其上级层左边的距离.  
8. 7，offsetTop:获取当前对象到其上级层顶部的距离.  
9. 8，event.clientX 相对文档的水平座标  
10. 9，event.clientY 相对文档的垂直座标  
11. 10，event.offsetX 相对容器的水平坐标  
12. 11，event.offsetY 相对容器的垂直坐标  
13. 12，document.documentElement.scrollTop 垂直方向滚动的值  
14. 13，event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量  
15. 14，clientLeft   返回对象的offsetLeft属性值和到当前窗口左边的真实值之间的距离  

 

[c-sharp] view plain copy

print ?

1. 二，js的function  
2. //取得相对于左边的绝对距离，传的参数e是一个对像，比如是document.getElementById(“fuck”)  
3. 查看复制打印?  
4. function   getAbsLeft(e){    
5. var   l=e.offsetLeft;    
6. while(e=e.offsetParent)     l   +=   e.offsetLeft;    
7. return   l;    
8. }    
9. //取得相对于顶部的绝对距离    
10.     
11. function   getAbsTop(e){    
12. var   t=e.offsetTop;    
13. while(e=e.offsetParent)     t   +=   e.offsetTop;    
14. return   t;    
15. }    

转自：http://blog.csdn.net/wyabc1986/article/details/6395588