码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-12-31 12:10:05      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:sharp   arp   htm   body   需要   over   管事   点击   样式   

移动端

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

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

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

 

当弹框消失的时候,

清除设置样式:

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

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

标签:sharp   arp   htm   body   需要   over   管事   点击   样式   

原文地址:https://www.cnblogs.com/veraNotes/p/12123592.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!