offsetLeft,offsetTop,offsetHeight,offsetWidth,scrollTop,scrollLeft,scrollHeight,scrollWidth

scroll系列

scrollHeight: 获取对象的滚动高度。 

scrollWidth:获取对象的滚动宽度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

解决兼容性问题

var  scrollTop=document.body.scrollTop||document.document.documentElement.scrollTop;

var  scrollLeft=document.body.scrollLeft||document.document.documentElement.scrollLeft;

offset系列

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 ;

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 ;

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 ;

offsetLeft:获取对象相对于版面或由 offsetLeft 属性指定的父坐标的计算顶端位置 ;

client系列

var oEvent=ev||event;

event.clientX; 指屏幕内的X轴坐标

event.clientY; 指屏幕内Y轴的坐标

clientTop

clientLeft

clientHeight 指窗口可见区域的高度

clientWidth 指窗口可见区域的高度

innerHeight 指窗口里内容高度

innerWidth 指窗口里内容的宽度

解决兼容性

var  sHeight=document.documentElement.clientHeight||document.body.clientHeight;

var  sWidth=document.documentElement.clientWidth||document.body.clientWidth;

screen系列

screenTop指窗口相对于屏幕上方的距离 //IE  OPera Safari Chrom  支持

screenLeft指窗口相对于屏幕左边的距离//IE  OPera Safari Chrom  支持

screenY指窗口相对于屏幕上方的距离//Firfox 支持

screenX指窗口相对于屏幕左边的距离//Firfox 支持

//窗口只包括下面内容区域不包括浏览器菜单区域高度

解决兼容性

var leftpos=(typeof window.screenLeft=="number")? window.screenLeft:window.screenX;

var toppos=(typeof window.screenTop=="number")? window.screenTop:window.screenY;