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

Question

I have a scrolling bootstrap modal . Inside of it, I used a nav-tabs .

the scroll function is not working, but if I remove the nav-tabs , the functionality comes back. any ideas?

the problem could be checked in JSFiddle

any ideas?

Answer 1

just add overflow:scroll to modal-dialog-scrollable.modal-content class

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

Answer 2

the problem is, you put the <form> tag before modal tags!

you fidlle updated here

https://jsfiddle.net/8sjkzb30/

Answer 3

Try add this to your css class:

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

it works for me....

Answer 4

Add height with px in.modal-body

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