HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解_經驗交流

scrollHeight: 取得物件的滾動高度。

scrollLeft:設定或取得位於物件左邊界和視窗中目前可見內容的最左端之間的距離 

scrollTop:設定或取得位於物件最頂端和視窗中可見內容的最頂端之間的距離 

scrollWidth:取得物件的滾動寬度 

offsetHeight:取得物件相對於版面或由父座標 offsetParent 屬性指定的父座標的高度 

offsetLeft :取得物件相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置 

offsetTop:取得物件相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置 

event.clientX 相對文件的水平座標 

event.clientY 相對文件的垂直座標 

event.offsetX 相對容器的水平座標 

event.offsetY 相對容器的垂直座標 

document.documentElement.scrollTop 垂直方向捲動的值 

event.clientX document.documentElement.scrollTop 相對文件的水平座標垂直方向滾動的量 

以上主指IE之中，FireFox差異如下： 

IE6.0、FF1.06 ： 

clientWidth = width   padding 

clientHeight = height   padding 

clientHeight offsetWidth = width   padding   border 

offsetHeight = height   padding   border 

IE5.0/5.5： 

offsetWidth = width 

offsetHeight = height