纵向滚动条，clientHeight, offsetHeight

来源：互联网发布：mysql 获取字符串下标编辑：程序博客网时间：2024/06/07 06:19

最近遇到一个在Tab页面下Frame中控件过多，以至于页面上出现了两根根滚动条非常难看的问题。问题的关键是对于clientHeight, offsetHeight，offsetTop等概念的理解

问题很好解决，思路就是将将最外层的overflow: hidden，同时限定内层Frame的高度，这样的话只出现内层一根滚动条，同时不会影响控件的显示。之所以把这个问题记下来还是因为感觉自己前端意识还是差了些，在同事的提醒下才想到对于不同浏览器不同分辨率，限定的高度是需要计算的，并且我还不知道怎么计算。惭愧呀~~从后端转做前端的小弟是要多学习呀。

clientHeight与height的区别是如果有横向滚动条时应减去滚动条的不可用部分,offsetHeight与Height的区别是增加了boder的高度。

最后附一张抄来的图：

0 0