js控制禁用浏览器滚动条

最新推荐文章于 2023-03-11 17:07:24 发布

chiliken1675

最新推荐文章于 2023-03-11 17:07:24 发布

阅读量597

点赞数

文章标签： xhtml javascript ViewUI

原文链接：https://my.oschina.net/u/1021760/blog/136445

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <title>禁用浏览器滚动条</title>
    </head>
    <body>
      <div id="objDiv" style="width:400px;height:300px;background:red">鼠标移上来滚动条滑轮看看</div>
    <script type="text/javascript">
        var scrollFunc=function(e){
            e=e||window.event;
           if (e&&e.preventDefault){ 
                e.preventDefault();
                e.stopPropagation();
            }else{ 
             e.returnvalue=false;  
             return false;     
            }
        }
        var obj=document.getElementById("objDiv");
        if(obj.addEventListener&&!window.opera)
        obj.addEventListener('DOMMouseScroll',scrollFunc,false);
        else
        obj.onmousewheel=scrollFunc;
    </script>
    <script>
        //创建500个换行<br>测试一下！
        for (var i=0 ;i<500;i++){
         document.write("<br>");
        }
    </script>
    </body>
    </html>

转载于:https://my.oschina.net/u/1021760/blog/136445