最近遇到一个在Tab页面下Frame中控件过多,以至于页面上出现了两根根滚动条非常难看的问题。问题的关键是对于clientHeight, offsetHeight,offsetTop等概念的理解
问题很好解决,思路就是将将最外层的overflow: hidden,同时限定内层Frame的高度,这样的话只出现内层一根滚动条,同时不会影响控件的显示。之所以把这个问题记下来还是因为感觉自己前端意识还是差了些,在同事的提醒下才想到对于不同浏览器不同分辨率,限定的高度是需要计算的,并且我还不知道怎么计算。惭愧呀~~从后端转做前端的小弟是要多学习呀。
clientHeight与height的区别是如果有横向滚动条时应减去滚动条的不可用部分,offsetHeight与Height的区别是增加了boder的高度。
最后附一张抄来的图: