總結(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坐標