總結(jié):
在window上的屬性:
pageXOffset // (滾動(dòng)條所在的X距離)
innerWidth //(可視區(qū)的寬)
screenX //(瀏覽器窗口左邊框距離整個(gè)屏幕左邊框的距離)
scrollTo //(滑動(dòng)塊定位到...)
scrollBy//(滑動(dòng)塊定位到...)
scroll //(滑動(dòng)塊移動(dòng)x,y距離)
在節(jié)點(diǎn)對(duì)象上:
scrollWidth = scrollLeft //(content + padding)ie8以下只兼容其一
scrollHeight = scrollTop //(content + padding)ie8以下只兼容其一
clientLeft// (border)
clientWidth//(content+padding)
offsetLeft //(距離定位元素的left/top)
offsetWith //(content + padding + border)
offsetParent //(帶定位的父節(jié)點(diǎn))
在事件對(duì)象上
e.pageX //可視窗口上鼠標(biāo)點(diǎn)擊的位置x坐標(biāo)(窗口坐標(biāo)嘉冒,隨著頁(yè)面滾動(dòng)而改變)
e.clientX //可視窗口上鼠標(biāo)點(diǎn)擊的位置x坐標(biāo)(文檔坐標(biāo),即不隨頁(yè)面滾動(dòng)而改變)
e.offsetX //元素上鼠標(biāo)點(diǎn)擊的位置的x坐標(biāo)(參考點(diǎn)為元素的左content+padding咆繁,點(diǎn)擊邊框可能會(huì)產(chǎn)生負(fù)值)
e.layerX //等于offsetX讳推,用于兼容fireFox。
e.screenX //相對(duì)于屏幕鼠標(biāo)點(diǎn)擊的位置的X坐標(biāo)