如何实现网页禁止滚动功能？

本文共计259个文字，预计阅读时间需要2分钟。

禁止页面滚动效果：

1.PC端实现：

cssbody { overflow: hidden;}

2.浮层出现时窗口不可滚动设置：

cssbody { overflow: auto;}

3.浮层关闭时滚动设置：

javascriptvar preHandler=function(e) { e.preventDefault();};

禁止页面滚动效果

1. pc端实现 $('body').css('overflow','hidden');//浮层出现时窗口不能滚动设置 $('body').css('overflow','auto');// 浮层关闭时滚动设置 2.移动端实现 var preHandler=function(e){e.preventDefault();},// 注意此处代码片段必须这样提出来已保证传入下边两个事件的处理程序一样才生效，分别写到事件处理程序中不生效。