clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

标签：clientx   分享   技术   偏移量   scroll   水平   屏幕   com   ges   

一.定义和用法

1.event.clientX：事件对象的水平偏移量；

   event.clientY：事件对象的垂直偏移量；

2.event.pageX：事件对象加上滚动距离后的水平偏移量；

   event.pageY：事件对象加上滚动距离后的垂直偏移量；

3.$(selector).scrollLeft(offset)=$(selector).offset().left:获得或设置对象的滚动水平位置；

   $(selector).scrollTop(offset)=$(selector).offset().top:获得或设置对象的滚动垂直位置；

4.div.offsetLeft：对象的水平偏移量；

   div.offsetTop：对象的垂直偏移量；

5.div.clientWidth：对象的宽度；

   div.clientHeight：对象的高度；

6.screen.width:整个屏幕宽度；

   screen.height:整个屏幕高度；

二、图片如下：

clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

标签：clientx   分享   技术   偏移量   scroll   水平   屏幕   com   ges   

原文地址：http://www.cnblogs.com/lodadssd/p/6246889.html