元素的scrollHeigth、offsetHeight、clientHeight
2017-11-27 14:14
218 查看
每个dom元素都有3个表示其高度的属性，分别为scrollHeight、offsetHeight和clientHeight。那么，它们3个有什么区别呢？
1.offsetHeight：内容区高度＋内边距高度＋边框高度
2.clientHeight：内容区高度＋内边距高度
因此，一个元素的offsetHeight － clientHeight ＝ 2倍的边框厚度
3.scrollHeight：滚动元素的高度
同理：offsetWidth、clientWidth、scrollWidth的计算方式同offsetHeight、clientHeight和scrollHeight
1 offsetTop：元素的上外边框距离其包含元素的上内边框的距离
2.scrollTop：元素的上方被隐藏的像素数
1.offsetHeight：内容区高度＋内边距高度＋边框高度
2.clientHeight：内容区高度＋内边距高度
因此，一个元素的offsetHeight － clientHeight ＝ 2倍的边框厚度
3.scrollHeight：滚动元素的高度
同理：offsetWidth、clientWidth、scrollWidth的计算方式同offsetHeight、clientHeight和scrollHeight
1 offsetTop：元素的上外边框距离其包含元素的上内边框的距离
2.scrollTop：元素的上方被隐藏的像素数
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- clientHeight、offsetHeight和scrollHeight
- 图示元素的clientTop、offsetTop、offsetHeight等属性
- clientHeight,offsetHeight,scrollHeight区别
- 元素大小之offsetWidth、offsetHeight、 clientWidth 和 clientHeight
- top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHeight
- clientHeight,offsetHeight与scrollHeight的相关知识
- clientHeight、offsetHeight和scrollHeight
- clientHeight,offsetHeight和scrollHeight区别
- clientHeight、offsetHeight和scrollHeight
- clientHeight,offsetHeight和scrollHeight区别
- clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案
- clientHeight、offsetHeight 和 scrollHeight
- clientHeight、offsetHeight、scrollHeight对比测试分析
- 元素的 height、clientHeight和offsetHeight之间的区别
- clientHeight、offsetHeight、scrollHeight、scrollTop的区别
- clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系
- 【带图】讲解offsetHeight、offsetLeft、clientWidth、scrollHeigth、scrollTop等几个属性的区别
- clientHeight、offsetHeight 和 scrollHeight
- clientHeight、offsetHeight和scrollHeight
- clientHeight，clientWidth，scrollWidth，scrollHeight，offsetWidth，offsetHeight的说明