offsetHeight clientHeight scrollHeight三者的区别与浏览器表现
2019-05-27 21:12
239 查看
offsetHeight = height + padding + border;
clientHeight = height + padding;
scrollHeight = srcollTop + clientHeight + offsetHeight;
在文档中offsetHeight是内容区域的高度 document.document.offsetHeight + document.body.offsetHeight;
文档中的clientHeight是指可视窗口的高度；
文档中的scrollHeight：如果内容区域高度大于可视窗口，scrollHeight指内容区域高度；如果内容区域高度小于可视窗口，scrollHeight指可视窗口高度
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【HTML/CSS】主流浏览器下下offsetHeight\clientHeight\scrollHeight以及window的innerHeight\outerHeight等的关系
- clientHeight / scrollHeight / offsetHeight 等属性的区别图
- clientHeight / scrollHeight / offsetHeight 等属性的区别图
- clientHeight / scrollHeight / offsetHeight 等属性的区别图
- clientHeight / scrollHeight / offsetHeight 等属性的区别图
- clientHeight / scrollHeight / offsetHeight 等属性的区别图示( 作者:Choy Lv)
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)
- clientWidth clientHeight scrollWidth scrollHeight offsetWidth offsetHieght的区别
- 关于offsetTop offsetHeight clientHeight scrollHeight scrollTop的区别研究
- scrollTop clientTop offsetTop scrollHeight clientHeight clientWidth的区别及用法
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,
- clientWidth clientHeight scrollWidth scrollHeight offsetWidth offsetHieght的区别
- offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,
- clientHeight / scrollHeight / offsetHeight 等属性的区别图
- height clientHeight scrollHeight offsetHeight的大致区别
- Javascritp client,offset,scroll的区别，这里只说width和height
- clientHeight / scrollHeight / offsetHeight 等属性的区别图
- js的offset，client，scroll的区别