打开第二个模态后，Bootbox模式不可滚动-Java 学习之路

我最初创建一个bootbox对话框：

// First dialog
bootbox.dialog({
    message: '<input type="button" value="Open second modal" class="second" />' + '
bar'.repeat(100),
    allowCancel: true
});

滚动现在会影响对话框并且网页保持原位 .

// Second dialog
bootbox.dialog({message: "Second dialog!", allowCancel: true});

创建另一个引导框对话框/警报/提示并关闭它后，滚动不再影响第一个对话框 . 网页内容移动，第一个对话框保持冻结状态（意外行为） . 我该如何解决？

可以单击第一个对话框上可见的任何按钮，并且主页面上的按钮不可单击（预期行为） .

1 回答

5
Bootstrap模态由单模态查看组成，但是如果我们想要显示模态而不是模态，那么当当前模态接近时，dom会被重置并从body标签 modal-open 将被删除，这会导致滚动问题 .

Solution 1

在 modal-open 关闭第二个模态到身体 .
```
$('.bootbox.modal').on('hidden.bs.modal', function () {
  if($(".modal").hasClass('in')){
             $('body').addClass('modal-open');
         }
})
```
Solution 1

Solution 2

您也可以使用css实现相同的功能 .
```
.bootbox.modal{
  overflow: auto !important;
}
```
这将使模态可滚动，但将有2个滚动条 .

Solution 2

-救命：）
回复于 2024-04-28T03:03:07+08:00

打开第二个模态后，Bootbox模式不可滚动

1 回答

相关问题