求助js如何禁止横向滚动条

求助js如何禁止横向滚动条document.body.style.overflow="hidden"；overflowX属性无效，应该怎么写呢

解决方案 »

  1.   

    试试这个样式：{overflow-x:hidden;overflow-y:auto;}
      

  2.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style type="text/css">
    div {
    width:100px;height:200px;
    border:1px solid red;
    overflow:scroll;
    }
    </style>
    </head>
    <body>
    <div id="test">
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    </div>
    <button id="btn">click</button>
    <script>
    function $(el){
    return typeof el == 'string' ? document.getElementById(el) : el;
    }
    $('btn').onclick = function(){
    $('test').style.overflowX = 'hidden';
    }
    </script>
    </body>
    </html>
    楼主这个意思？
      

  3.   

    原来overflowX属性可以用，难道我之前小写的
      

  4.   

    语法：
    overflow-x：<overflow-style><overflow-style> = visible | hidden | scroll | auto默认值：visible
    取值：
    visible： 不剪切内容。 
    hidden： 将超出对象宽度的内容进行裁剪，将不出现滚动条。 
    scroll： 将超出对象宽度的内容进行裁剪，并以滚动条的方式显示超出的内容。 
    auto： 在需要时剪切内容并添加滚动条，此为body对象和textarea的默认值。 说明：
    检索或设置当对象的内容超过