Question

我在JQuery中搜索浏览器的真实模态窗口的一些示例。对于＆＃34;真正的模态窗口＆＃34;我的意思是关于那个打开的窗口不允许动作到主窗口（点击，滚动等），直到没有点击按钮（OK，ABORT等）。我已经在模态窗口的互联网上找到了很多例子，但是当打开模态窗口时所有这些例子都允许在主窗口上进行事件（点击，滚动等），所以对我来说不行。我希望在这个意义上能找到能帮助我的人。还有一些好的工具/脚本/插件（太不自由）了。

Answer 1

要阻止点击，你必须在模态后面创建一个掩码（使用CSS）并添加一个stopPropagation（）onclick

在jQuery中它看起来像

$(".mask").click(function(event){
    event.stopPropagation();
});

然后为了避免任何类型的滚动，您可以使用$（＆＃39; body，.scrollable＆＃39;）来查看可滚动元素.css（＆＃39; overflow＆＃39;，＆＃39; hidden＆＃39 ）;如果唯一的可滚动元素是你的身体

然后恢复到默认值（可以通过将当前溢出值存储到dom元素来完成）

如何制作真正的模态窗口

1 个答案: