首页 > 代码库 > 关于offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的区别

关于offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的区别

一、关于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的区别