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的用法和區別