出现弹窗后，父级页面还能进行滑动或滚动的问题

标签：一个   int   切换   class   ogg   修改   hid   none   switch   

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" 参数，您能够规定只删除或只添加类

出现弹窗后，父级页面还能进行滑动或滚动的问题

标签：一个   int   切换   class   ogg   修改   hid   none   switch   

原文地址：https://www.cnblogs.com/GGDong/p/10994469.html