移动端 弹框下边的内容 禁止滑动的解决方案

移动端

当弹框出现的时候,让弹框下边的内容不能做点击、滑动等操作。

需要将body和html都设置(只设置任何一个,不管事): 

$("body").css({"height": "100%","overflow":"hidden"});
$("html").css({"height": "100%","overflow":"hidden"});

 

当弹框消失的时候,

清除设置样式:

 $("body").css({"overflow":""});
 $("html").css({"overflow":""});

移动端 弹框下边的内容 禁止滑动的解决方案

上一篇:ReactNative: 使用AppState的API获取App的状态


下一篇:记录一次webapp优化过程(Vue)