如何判断DIV中是否出现了滚动条
div出现滚动条的时候,特别是横向滚动条时,可能会出现把div中最底下的一行内容遮住的情况。
我在div框中又再新增了一个div为
<div id="hiddenDiv" style="height:15pt"></div>
但是这样的话,如果横向滚动条不出现时,就会多出一段空白,看起来很不协调,
所以增加了判断div是否出现了滚动条的js
大致的demo如下:
<div id="showDiv">
<script type="text/javascript">
window.onload=function(){
var obj=document.getElementById("showDiv");
if(obj.scrollHeight>obj.clientHeight||obj.offsetHeight>obj.clientHeight){
document.getElementById("hiddenDiv").style.height="15pt";
}
}
</script>
<div id="hiddenDiv" style="height:"></div>
</div>
不知有没有更好的解决方法,大家可以提出来。
补充:
如果要让div一直显示横向滚动条的话,可以这么设置
<div style="overflow-x:scroll"></div>