出现弹窗后,父级页面还能进行滑动或滚动的问题
1.给定一个隐藏样式,如:
.noscroll {
height: 100%;
overflow: hidden;
}
2.点击弹窗时修改html,body的样式
$("html,body").toggleClass('noscroll');
3.页面如果出现滑动警告。如下:
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>
加个样式就可以解决:
* {
touch-action: none;
}
随记:
$(selector).toggleClass(class,switch)
toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
不过,通过使用 "switch" 参数,您能够规定只删除或只添加类
GG-伏沙金