bootstrap modal removes scroll bar

by

This is a feature, class modal-open gets added to the HTML body when you show the modal, and removed when you hide it.

This makes the scrollbar disappear since the bootstrap css says

.modal-open {
    overflow: hidden;
}

You can override this by specifying

.modal-open {
    overflow: scroll;
}

in your own css.

More Related Contents:

  1. Bootstrap modal appearing under background
  2. Multiple modals overlay
  3. Bootstrap: Open Another Modal in Modal
  4. Getting Bootstrap’s modal content from another page
  5. Disable click outside of bootstrap modal area to close modal [duplicate]
  6. How to set the focus for a particular field in a Bootstrap modal, once it appears
  7. Using Bootstrap Modal window as PartialView
  8. Calling a function on Bootstrap modal open
  9. How to hide Bootstrap modal with javascript?
  10. Twitter Bootstrap: Print content of modal window
  11. How can you add tooltip to an anchor
  12. Navbar dropdown (collapse) is not working in Bootstrap 5
  13. Launch Bootstrap Modal on Page Load
  14. How to set bootstrap navbar active class with Angular JS?
  15. Bootstrap navbar Active State not working
  16. !function(){ }() vs (function(){ })()
  17. How to reset the bootstrap modal when it gets closed and open it fresh again?
  18. Images not responsive by default in Twitter Bootstrap 3?
  19. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  20. Trees in Twitter Bootstrap [closed]
  21. How do display a collapsible tree in AngularJS + Bootstrap
  22. How to resize Twitter Bootstrap modal dynamically based on the content
  23. How do I keep the current tab active with twitter bootstrap after a page reload?
  24. to call onChange event after pressing Enter key
  25. jQuery UI Dialog Box – does not open after being closed
  26. The data-toggle attributes in Twitter Bootstrap
  27. Add content of showModalDialog() to the clipboard Google Script
  28. Bootstrap modal hide is not working
  29. How to usemultiple Angular UI Bootstrap Datepicker in single form?
  30. JQuery Modal Boxes and Iframe

Leave a Comment