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

js怎么禁止横向滚动条

2012-06-02 
求助js如何禁止横向滚动条求助js如何禁止横向滚动条document.body.style.overflowhidden;overflowX属性

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

document.body.style.overflow="hidden";

overflowX属性无效,应该怎么写呢

[解决办法]

HTML code
<!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> 

热点排行