bootstrap 当导航标签位于其中时，滚动模态不起作用

Question

我有滚动条bootstrapmodal。在里面，我使用了 nav-tabs.

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

可以在 JSFiddle

中检查问题

有什么想法吗？

Answer 1

只需将 overflow:scroll 添加到 modal-dialog-scrollable .modal-content class

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

Answer 2

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

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

Answer 3

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

你在这里更新了

https://jsfiddle.net/8sjkzb30/

Answer 4

尝试将此添加到您的 css class:

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

对我有用....