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

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

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

时间: 2024-08-07 14:53:41

出现弹窗后,父级页面还能进行滑动或滚动的问题的相关文章

弹窗添加数据后实现父级页面同步添加

弹窗: function openUrl() { var iWidth = 800; var iHeight = 600; return window.open('<%= Application["rootURL"] %>AP_ImageIndexing/Indexing/AddPo.aspx', 'AddPO', 'width=' + iWidth + ',height=' + iHeight + ', top=' + (screen.height - iHeight)

解决iframe重定向让父级页面跳转

原文:http://www.jb51.net/article/40583.htm 有内嵌iframe的页面,当session过期时,点击连接重定向后的跳转会在iframe中跳转,在登录页面中加入下面的代码,就会在最外层页面跳转 原文:http://www.cnblogs.com/JemBai/archive/2011/10/09/2203429.html <script language="JavaScript"> if (window != top) top.locati

js父级页面跳转

<script>parent.location.href='../Index.aspx'</script> js父级页面跳转,布布扣,bubuko.com

JS 用window.open()函数,父级页面如何取到子级页面的返回值?

父窗口:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script> <script type=&quo

页面单击按钮弹出modaldialog然后调用ajax处理程序获取数据,给父级页面控件赋值

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RefTopicList.aspx.cs" Inherits="Project.RefTopicList" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

Flutter路由跳转父级页面向子页面传参及子页面向父级页面传参

Flutter中页面通过路由跳转传参主要分两种,一种是通过push()跳转时根据设定的参数进行传参,另一种是通过pop()返回时进行传参. 父级页面向子页面push()传参 假设从A页面跳到B页面可能需要携带参数userName和userAge这两个参数,那么需要在B页面先设置这两个参数名:假设userName必须填而userAge非必需,那么可以通过设置@required其为必填选项: class PageB extends StatefulWidget { @override final u

在iframe子页面中获取并操作父级页面的对象/元素

//获取iframe的window对象 // var gbiframe = window.top.document.getElementById("gbiframe").contentWindow; // 通过获取到的window对象操作HTML元素,这和普通页面一样 // var val = gbiframe.document.getElementById("gbaddr").value; // alert(val); 只有FF能使用

easyui dialog iframe模式,dialog 父级页面调用子页面(iframe)的方法

var content = '<iframe id="iframe1" name="iframeuuid" src="' + url + '" width="100%" height="98%" frameborder="0" scrolling="no"></iframe>';var div = document.createElement(

iframe 调用 控制 父级页面 函数

<script> window.parent.my_fn(); </script>; 在PHP中输出: echo <<<EOF <script> window.parent.my_fn(); </script>; EOF;