操作模式窗口后隐藏html溢出

打开模式窗口后，显示两个滚动条（html和模式）。 我想隐藏html溢出，并在关闭模式窗口后显示。 没有js怎么办？仅通过css

$('.modal').on('show', function() {
    $("html").css({
        overflow: 'hidden'
    });
});

$('.modal').on('hide', function() {
    $("html").css({
        overflow: 'scroll'
    });
});

---

引导模式的正确事件触发器是

'show.bs.modal'

和

'hide.bs.modal'

请尝试以下方法：

jQuery('.modal').on('show.bs.modal', function() {
    jQuery("html").css({
        overflow: 'hidden'
    });
});

jQuery('.modal').on('hide.bs.modal', function() {
    jQuery("html").css({
        overflow: 'scroll'
    });
});

但是我强烈建议您使用引导的方法来显示/隐藏模态。它会自动处理HTML溢出

jQuery("#element").modal('show');
jQuery("#element").modal('hide');

---

我建议您添加一个使用代码标签的工作演示，或者添加您迄今为止编写的HTML/CSS代码，以增加获得anwser的机会。您如何知道模式是打开还是关闭的。你用的是引导模式还是什么？是的，我用的是引导模式。我写的函数和描述中的一样。它工作，但我不会这样做的css