1. 程式人生 > >關於offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的區別

關於offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的區別

關於 -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的區別