關于scroll、offset、client

總結(jié):

在window上的屬性:
pageXOffset // (滾動條所在的X距離)

innerWidth //(可視區(qū)的寬)

screenX //(瀏覽器窗口左邊框距離整個屏幕左邊框的距離)

scrollTo //(滑動塊定位到...)

scrollBy//(滑動塊定位到...)

scroll  //(滑動塊移動x,y距離)
在節(jié)點對象上:
scrollWidth = scrollLeft //(content + padding)ie8以下只兼容其一
scrollHeight = scrollTop //(content + padding)ie8以下只兼容其一

clientLeft// (border)
clientWidth//(content+padding)

offsetLeft //(距離定位元素的left/top)
offsetWith //(content + padding + border)
offsetParent  //(帶定位的父節(jié)點)
在事件對象上
e.pageX  //可視窗口上鼠標點擊的位置x坐標(窗口坐標,隨著頁面滾動而改變)

e.clientX //可視窗口上鼠標點擊的位置x坐標(文檔坐標,即不隨頁面滾動而改變)

e.offsetX //元素上鼠標點擊的位置的x坐標(參考點為元素的左content+padding,點擊邊框可能會產(chǎn)生負值)

e.layerX  //等于offsetX,用于兼容fireFox。 

e.screenX //相對于屏幕鼠標點擊的位置的X坐標
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容