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?