clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop

Posted huangyuanning

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop相关的知识,希望对你有一定的参考价值。

clientHeight:表示的是可视区域的高度,不包含border和滚动条

offsetHeight:表示可视区域的高度,包含了border和滚动条

scrollHeight:表示了所有区域的高度,包含了因为滚动被隐藏的部分。

clientTop:表示上边框border的厚度

offsetTop:子元素的外边框到offsetParent内边框的距离

scrollTop:滚动后被隐藏的高度

offsetParent:距离元素最近的一个具有定位的祖宗元素

clientX: 相对文档的水平坐标

clientY: 相对文档的垂直坐标

offsetX: 相对容器的水平坐标

offsetY: 相对容器的垂直坐标

以上是关于clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的主要内容,如果未能解决你的问题,请参考以下文章

clientHeight , scrollHeight , offsetHeight之间的区别

对offsetHeight,clientHeight,scrollHeight的理解

offsetHeight, clientHeight与scrollHeight的区别

clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop

使用 jQuery 为啥 IE/Chrome 最初会为 textarea 提供不正确的 clientHeight 和 scrollHeight?

JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight