關於offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的區別
阿新 • • 發佈:2017-05-23
關於 -a blog 高度 logs 變化 http 狀態欄 技術分享
一、關於offsetX,clientX,pageX,scrollX的區別
offsetX表示點擊點到所點擊物體左邊距的距離;
clientX表示點擊點到瀏覽器左邊的距離,該點擊點會隨著滾動條的移動而發生變化;
pageX表示點擊點到瀏覽器左邊的距離,但點擊點不會因滾動條的移動而變化;
scrollX表示點擊點到屏幕左邊的距離
二、關於offsetHeight,clientHeight ,scrollHeight的區別
clientHeight:內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,一般是最後一個工具條以下到狀態欄以上的這個區域,與頁面內容無關。
offsetHeight:
IE、Opera 認為 offsetHeight = clientHeight + 滾動條 + 邊框。
NS、FF 認為 offsetHeight 是網頁內容實際高度,可以小於 clientHeight。
scrollHeight:
IE、Opera 認為 scrollHeight 是網頁內容實際高度,可以小於 clientHeight。
NS、FF 認為 scrollHeight 是網頁內容高度,不過最小值是 clientHeight。
關於offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的區別