js 滚动条的显示或隐藏

禁止或启动横向和纵向滚动条（要那个就调用那个)：

<script type="text/javascript">
    //禁止滚动条
    $(document.body).css({ "overflow-x":"hidden","overflow-y":"hidden"});
    //启用滚动条
    // $(document.body).css({ "overflow-x":"auto","overflow-y":"auto"});
    //$("html").css(......);  / $("body").css(......);这样也可以的
</script> 

或 也可以这样：

<script type="text/javascript">
   //禁止滚动条
   $(document.body).css("overflow","hidden");
   //$(document.body).css("overflow-x","hidden");
   //$(document.body).css("overflow-y","hidden");
   //启用滚动条
   //$(document.body).css( "overflow-x","auto");
   //$(document.body).css( "overflow-y","auto");
</script>

     测试如下：
     IE6：禁止滚动条正常，启动滚动条错误，出现双滚动条且滚动条滚动页面无反应。
     IE7：禁止滚动条正常，启动滚动条错误，出现双滚动条且滚动条滚动页面无反应。
     IE8: 禁止滚动条正常，启动滚动条正常。
     IE9: 禁止滚动条正常，启动滚动条正常。 
     Chrome: 禁止滚动条正常，启动滚动条正常。
     FireFox: 禁止滚动条正常，启动滚动条正常。
 
IE6/IE7的 解决方法是当overflow设置hidden以后，直接取消这个style而不要设置overflow，具体代码如下：

 <style type="text/css">
    .html-body-overflow{overflow-x:hidden;overflow-y:hidden;}
 </style>
 <script type="text/javascript">
    //禁止滚动条(默认是没有附加这个样式类的）
    $(document.body).toggleClass("html-body-overflow");
    //启动滚动条
    $(document.body).toggleClass("html-body-overflow");
 </script>

当然也可以直接清掉style的内容，不过上面的做法更直观、更简单。

最后，以后前端框架发展 IE11以下的不兼容了，开不开心！