禁止页面滚动怎么设置（三种方法设置禁止页面滚动）

当页面元素高度超过页面时，会出现滚动条，如果想要禁止滚动条，该如何做呢？这里介绍下禁止页面滚动有三种方法：

1，依靠css 将页面 document.documentElement.style.overflow=’hidden’; document.body.style.overflow=’hidden’;//手机版设置这个。 如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。 但是 你用键盘的 上下左右键，你会发现，页面仍然可以滚动。 别着急 往下看

2，在 1 的基础上 添加 js功能 var move=function(e){ e.preventDefault && e.preventDefault(); e.returnValue=false; e.stopPropagation && e.stopPropagation(); return false; } var keyFunc=function(e){ if(37<=e.keyCode && e.keyCode<=40){ return move(e); } } document.body.οnkeydοwn=keyFunc; 好了 ，到了这里，你会发现页面木有任何问题了。鼠标，键盘 都不能将页面滚动。 不过….对于高级用户来说，仍然有问题，比如 继续往下看

3，假设用户希望 滚动条 一直处于显示状态怎么办？ ok ,继续 var st var scroll=function(e){ clearTimeout(st); st=setTimeout(function(){ window.scrollTo(loc.scrollLeft,loc.scrollTop); },5); } window.οnscrοll=scroll; 上述代码 可以似的 用户的任何滚动操作，都将被还原。注意这个方式很消耗内存（虽然做了setTimeout），