求助：如何用JS控制BODY的滚动条在指定区域内失效，移出区域后生效

本帖最后由 pengjielon 于 2010-08-27 15:14:04 编辑

解决方案 »

  1.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    </head><body>
    <div id="demo" style="background:#EEE; height:1000px">
    </div>
    <div id="demo2" style="background:#acacac; height:1000px">
    </div>
    <script>
    $(function(){
    //html {overflow:hidden; overflow-x:hidden;overflow-y:hidden}
    //html {overflow:auto; overflow-x:auto;overflow-y:auto}
    $('#demo').hover(function(){
    $('html').css({'overflow':'hidden','overflow-x':'hidden','overflow-y':'hidden'});
    },function(){
    $('html').css({'overflow':'auto','overflow-x':'auto','overflow-y':'auto'});
    });
    });
    </script>
    </body>
    </html>
      

  2.   

    以上代码 ie6 opera fx chrome  safari
    中均有效
      

  3.   

    +jquery的已经兼容了，只要上面的css兼容浏览器基本上不会有问题的
      

  4.   

    多谢，不过还是不能兼容IE7,IE8 ,
      

  5.   

    不要用ietester
    用真实的ie7 ie8
    - -！
    我在我的win7 ie8 下是可行的