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

更新于
2026-09-30 17:32:18
0阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

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

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

禁止页面滚动效果 + 1. PC端实现 + `$(document).css('overflow', 'hidden');` // 浮层出现时窗口不可滚动设置 + `$(document).css('overflow', 'auto');` // + 浮层关闭时滚动设置 2. 移动端实现 + `var preHandler=function(e) { e.preventDefault(); };`

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

禁止页面滚动效果

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

阅读全文

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

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

禁止页面滚动效果 + 1. PC端实现 + `$(document).css('overflow', 'hidden');` // 浮层出现时窗口不可滚动设置 + `$(document).css('overflow', 'auto');` // + 浮层关闭时滚动设置 2. 移动端实现 + `var preHandler=function(e) { e.preventDefault(); };`

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

禁止页面滚动效果

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

阅读全文