移动端弹出层加遮罩后禁止滑动

//实现滚动条无法滚动
var mo=function(e){e.preventDefault();};/***禁止滑动***/
function stop(){document.body.style.overflow='hidden';        document.addEventListener("touchmove",mo,false);//禁止页面滑动
}/***取消滑动限制***/
function move(){document.body.style.overflow='';//出现滚动条document.removeEventListener("touchmove",mo,false);
}

原理就是利用 overflow:hidden;

转载于:https://www.cnblogs.com/yuesha/articles/7086166.html

移动端弹出层加遮罩后禁止滑动相关推荐

layui弹出层：倒计时后自动关闭（含代码、案例）
layui弹出层:倒计时后自动关闭(含代码.案例) 问题描述: 如何设定倒计时? 如何在自动倒计时结束后关闭弹框: 如何自定义"按钮文字"文案: 如何在关闭后,执行函数事件: 如何 ...
js怎么给div加滑动条 vue给弹出层加滑动条(一分钟学会用js加滚动条)
@[TOC](怎么给div加滑动条给弹出层加滑动条(一分钟学会js加滚动条)) 给div加滑动条给需要滑动条的div加一个样式加一个高度,加一个overflow:auto; overflow:a ...
element-ui弹出层置于遮罩层下面问题
有时页面结构复杂,多个嵌套MessageBox之类的情况时,MessageBox 弹框会出现置于遮罩层下面的问题,需要添加 :modal-append-to-body="false" ...
jQuery手机移动端弹出层美化下拉选项特效代码
jQuery手机移动端弹出层美化下拉选项特效代码演示地址:http://www.b4a.bid/JS/ 效果如下: 下载地址:https://download.csdn.net/download/d ...
移动端弹出层滚动时禁止body滚动
相信很多写移动端的朋友会遇到这个问题,我也遇到了,之后就辛辛苦苦的在网上找解决办法,下面我大概提一下我在网上看到的几种办法,行不行的通呢?本人就亲测了下.本人学的还不是太深,如果有什么不对的地方或者有 ...
移动端 js 弹出层内容滚动的时候，不影响body的滚动条处理
如标题所示,这里受 https://segmentfault.com/a/1190000003849952 这篇文章的启发,自己重写了一下代码效果图: 代码: <!DOCTYPE HTML&g ...
layui之layer各种弹出层
layui提供了页面弹出层组件layer,能够满足用户的各种需求,它不仅可以作为独立组件使用也可以在layui模块化中使用. layer弹出层分类 layer弹出层有5种,使用type配置参数来指定分 ...
分享123个JS特效弹出层，总有一款适合您
分享123个JS特效弹出层,总有一款适合您 123个JS特效弹出层下载链接:https://pan.baidu.com/s/1mH0heedscCrBmft_zOjjwA?pwd=n4eo 提取码: ...
Jquery弹出层插件Thickbox使用心得
前段时间在建设银行项目上用EXT完整做了个单页系统,太赶了,没有记录下任何东西,现在都忘了,怪可惜的.这次项目用JQuery做js的东西.主要用了个弹出层控件thickbox,自己也扩展和修改了一下. ...

移动端弹出层加遮罩后禁止滑动

移动端弹出层加遮罩后禁止滑动相关推荐

最新文章

热门文章