当显示jquery确认对话框时，滚动条消失

当显示jquery确认对话框时，页面上的滚动条消失，这会导致页面向右跳转。对话的JavaScript代码如下所示：

<script src="vendor/jquery-confirm.min.js"></script>
<link href="vendor/jquery-confirm.min.css" rel="stylesheet" type="text/css">
<script>
    function confirmDialog(content, func, parameter) {
        $.confirm({
            title: "",
            content: content,
            confirmButton: "Yes",
            cancelButton: "No",
            theme: "black",
            confirm: function() { func(parameter); },
            cancel: function() { }
        });
    }
</script>

---

我怎样才能防止这种情况发生

更新

我尝试添加“重要”，但在Firefox中查看页面时，我发现有以下CSS：

body.jconfirm-noscroll {
    overflow: hidden !important;
}

有一条线穿过：

overflow-y: scroll !important;

---

覆盖CSS可能很棘手

你可以试试

body, body.jconfirm-noscroll {
    overflow: auto!important;
}

但这可能仍然不起作用

如果没有，请在正文中添加一个类，例如

，然后尝试此操作

body.please-scroll, body.please-scroll.jconfirm-noscroll {
    overflow: auto!important;
}

---

我不确定它是否有效，试试看，让我知道，我会感兴趣的

覆盖CSS可能很棘手

你可以试试

body, body.jconfirm-noscroll {
    overflow: auto!important;
}

但这可能仍然不起作用

如果没有，请在正文中添加一个类，例如

，然后尝试此操作

body.please-scroll, body.please-scroll.jconfirm-noscroll {
    overflow: auto!important;
}

---

我不确定它是否有效，试试看，让我知道，我会感兴趣的

CSS是数学。每个选择器归结为一个特定数字。如果数字相等，则最后一个适用。如果它们不相等，则无论顺序如何，最高值都适用

您可以尝试使用诸如将选择器链接到特定数字之类的工具，但实际上，您不需要这样做

总的观点是：

！重要信息>style=“inline rules”>#id>.class>属性=元素

您试图覆盖的选择器是：

body.jconfirm-noscorl{
一些规则！重要的；
}

这意味着

！重要提示+1 x类+1 x元素

。您可以使用相同的选择器覆盖它，只要您的选择器位于页面下方（稍后由浏览器解析）

或者，为了确保，您可以使用

html body.jconfirm-noscorl{
一些规则！重要的；
}

当然，如果您知道body上还有其他类，请将其添加到选择器中。或者在

上放置一个

#id

并使用它。它将击败

.class

。但是你不能打败body.class！重要信息带

车身！重要信息

。这是肯定的

---

重要提示：在某些情况下，您绝对确定您的选择器更强，但它仍然拒绝应用。不要沮丧。这发生在我们所有人身上。根据经验，在以下任何一种情况下，它都会下降：

• 您在先前的规则中有语法错误，该规则禁用了当前正在查看的规则（检查未闭合的大括号）
• 更强大的选择器适用。请注意，内联样式（放置在元素的

  style

  属性中）实际上比

  #id

  s更强。这就是通过

  javascript

  应用的样式通常适用的原因。它们不会覆盖

  ！重要的

  s，但是
• 你的标记完全被破坏了。在极少数情况下，当您的标记无效时，css不适用，因为您正在查看的元素不是您认为用于浏览器的元素。我说的是嵌套的
  标记和类似的例子
• 如果上面没有任何帮助，请仔细检查选择器。一步一步地对照标记检查它。确保它应该有空间，而不应该有空间。我（被一些人）认为是CSS专家，但你会惊讶于我写了多少次错误的选择器，我花了一两分钟才发现错误。我想这与人的本性有关

---

CSS是数学。每个选择器归结为一个特定数字。如果数字相等，则最后一个适用。如果它们不相等，则无论顺序如何，最高值都适用
您可以尝试使用诸如将选择器链接到特定数字之类的工具，但实际上，您不需要这样做
总的观点是：

！重要信息>style=“inline rules”>#id>.class>属性=元素

您试图覆盖的选择器是：

body.jconfirm-noscorl{
一些规则！重要的；
}

这意味着

！重要提示+1 x类+1 x元素

。您可以使用相同的选择器覆盖它，只要您的选择器位于页面下方（稍后由浏览器解析）
或者，为了确保，您可以使用

html body.jconfirm-noscorl{
一些规则！重要的；
}

当然，如果您知道body上还有其他类，请将其添加到选择器中。或者在
上放置一个

#id

并使用它。它将击败

.class

。但是你不能打败body.class！重要信息带

车身！重要信息

。这是肯定的

---

重要提示：在某些情况下，您绝对确定您的选择器更强，但它仍然拒绝应用。不要沮丧。这发生在我们所有人身上。根据经验，在以下任何一种情况下，它都会下降：
• 您在先前的规则中有语法错误，该规则禁用了当前正在查看的规则（检查未闭合的大括号）
• 更强大的选择器适用。请注意，内联样式（放置在元素的

  style

  属性中）实际上比

  #id

  s更强。这就是通过

  javascript

  应用的样式通常适用的原因。它们不会覆盖

  ！重要的

  s，但是
• 你的标记完全被破坏了。在极少数情况下，当您的标记无效时，css不适用，因为您正在查看的元素不是您认为用于浏览器的元素。我说的是嵌套的
  标记和类似的例子
• 如果上面没有任何帮助，请仔细检查选择器。一步一步地对照标记检查它。确保它应该有空间，而不应该有空间。我（被一些人）认为是CSS专家，但你会惊讶于我写了多少次错误的选择器，我花了一两分钟才发现错误。我想这与人的本性有关

---

可能重复我指的是页面上的滚动条