js的clientHeight,scrollHeight,offsetHeight区别

3月 28, 2017 |

本文由javacoder.cn整理,转载请注明出处
clientHeight:表示内容显示区域的高度,包含padding

scrollHeight:将内容完全显示需要的高度,

offsetHeight:clientHeight + 上线边距+ 横向滚动条高度

如下测试代码:

测试结果:

offsetHeight: 110
test.html:12 clientHeight: 84
test.html:13 scrollHeight: 1134

图例:

cssHeight

Posted in: WEB practise

Comments are closed.