如何用JAVASCRIPT 控制DIV滚动条的显示与隐藏

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【EANFS】截止到2008-07-02 12:42:02的历史汇总数据(不包括此帖)：
发帖的总数量:11                       发帖的总分数:666                      
结贴的总数量:11                       结贴的总分数:666                      
无满意结贴数:0                        无满意结贴分:0                        
未结的帖子数:0                        未结的总分数:0                        
结贴的百分比:100.00%               结分的百分比:100.00%                  
无满意结贴率:0.00  %               无满意结分率:0.00  %                  
敬礼!

解决方案 »

  1.   

    我建议你使用事先定义个class，然后使用JS调用不同的class比较好一点
      

  2.   

    divobj.className="scroll_Div_no_scroll"; 这样的
      

  3.   

    <html>
    <head>
    <script type="text/javascript">function test(){
      var divobj = document.getElementById("div_checkbox"); 
      alert(divobj.scrollWidth); 
      alert(divobj.offsetWidth);   if(divobj.scrollWidth>divobj.offsetWidth) 
      {  
            divobj.style.overflowX  =  'scroll';  
      }  
      else  
      {  
          divobj.style.overflowX  =  'hidden';  
      } }window.onload=test;
    </script>
    </head>
    <body>
    <div id="div_checkbox" style="width:320px;height:200px;overflow-x:scroll;overflow-y:hidden;background-color:green;"> 
    01234567890123456789012345678901234567890123456789
    1.XXXXXXXXXXXXXXXXXXXXXXX
    2.XXXXXXXXXXXXXXXXXXXXX
    3.XXXXXXXXXXXXXXXXXXXXX
    4.XXXXXXXXXXXXXXXXXXXX
    5.XXXXXXXXXXXXXXXXXXXXXXX
    6.XXXXXXXXXXXXXXXXXXXXXXX
    7.XXXXXXXXXXXXXXXXXXXXX
    8.XXXXXXXXXXXXXXXXXXXXX
    9.XXXXXXXXXXXXXXXXXXXXX
    10.XXXXXXXXXXXXXXXXXXXXX
    </div> 
    </body>
    </html>经IE6.0测试通过。
    1. 注意要确保页面加载完毕后执行代码，否则document.getElementById(...)取不到相应的element,自然也就谈不上设置其overflowX了
    2. 用js设置属性要用overflowX而不是overfow-x,后者是css或HTML tag中的属性名，而不是js可以设置的属性名