首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

怎么判断DIV中是否出现了滚动条

2012-11-23 
如何判断DIV中是否出现了滚动条div出现滚动条的时候,特别是横向滚动条时,可能会出现把div中最底下的一行内

如何判断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>

热点排行