当导航选项卡位于其中时，引导滚动模式不起作用答案

【问题标题】：bootstrap scrolling modal not working when a nav-tab is inside of it当导航选项卡位于其中时，引导滚动模式不起作用
【发布时间】：2021-04-03 00:09:11
【问题描述】：

我有一个滚动引导程序modal。在其中，我使用了nav-tabs。

滚动功能不起作用，但如果我删除nav-tabs，该功能就会恢复。有什么想法吗？

问题可以在JSFiddle查看

有什么想法吗？

【问题讨论】：

【解决方案1】：

只需添加溢出：滚动到modal-dialog-scrollable .modal-content 类

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: scroll;
}

【讨论】：

【解决方案2】：

在 .modal-body 中用 px 添加高度

    #add_wishlist_Modal .modal-body{
  height:150px;
}

【讨论】：

【解决方案3】：

问题是，你把<form>标签放在模态标签之前！

你在这里更新了小提琴

【讨论】：

【解决方案4】：

尝试将此添加到您的 css 类中：

 scroll {
    overflow: scroll
    overflow-x: hidden
    max-height: 850px
    }

它对我有用....

【讨论】：