當導航選項卡位於其中時，引導滾動模式不起作用

Question

我有一個滾動引導modal 。 在其中，我使用了nav-tabs 。

滾動 function 不起作用，但如果我刪除nav-tabs ，功能就會恢復。 有任何想法嗎？

這個問題可以在JSFiddle中檢查

有任何想法嗎？

Answer 1

只需添加溢出：滾動到modal-dialog-scrollable.modal-content class

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

Answer 2

問題是，你把<form>標簽放在模態標簽之前！

你在這里更新了小提琴

https://jsfiddle.net/8sjkzb30/

Answer 3

嘗試將此添加到您的 css class 中：

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

這個對我有用....

Answer 4

使用 px in.modal-body 添加高度

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