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