How to prevent background scrolling when Bootstrap 3 modal open on mobile browsers?

See here: https://github.com/twbs/bootstrap/issues/7501

So try:

$('body').css('overflow','hidden');
$('body').css('position','fixed');

V3.0.0. should have fixed this issue. Do you use the latest version? If so post an issue on https://github.com/twbs/bootstrap/

Related Contents:

  1. vertical-align with Bootstrap 3
  2. What is sr-only in Bootstrap 3?
  3. IE8 issue with Twitter Bootstrap 3
  4. How to vertically center a container in Bootstrap?
  5. Twitter Bootstrap 3 Sticky Footer
  6. Twitter Bootstrap 3, vertically center content [duplicate]
  7. Extend bootstrap row outside the container
  8. Bootstrap Accordion button toggle “data-parent” not working
  9. Gap in Bootstrap stacked rows
  10. How to make bootstrap 3 fluid layout without horizontal scrollbar
  11. Bootstrap 3 Glyphicons CDN
  12. Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? [duplicate]
  13. 7 equal columns in bootstrap
  14. Bootstrap 3: Push/pull columns only on smaller screen sizes
  15. Exclude menu item from the collapse of bootstrap 3 navbar
  16. Inline Form nested within Horizontal Form in Bootstrap 3
  17. Same height column bootstrap 3 row responsive
  18. Bootstrap 3 – show collapsed navigation for all screen sizes
  19. Bootstrap row with columns of different height
  20. How can I override Bootstrap CSS styles?
  21. How do I change Bootstrap 3 column order on mobile layout?
  22. Multiple modals overlay
  23. `col-xs-*` not working in Bootstrap 4
  24. How do you get centered content using Twitter Bootstrap?
  25. Bootstrap 4: Multilevel Dropdown Inside Navigation
  26. Bootstrap 3 two columns full height
  27. Bootstrap navbar Active State not working
  28. Animate/Shrink NavBar on scroll using Bootstrap
  29. Bootstrap 3 collapsed menu doesn’t close on click
  30. Bootstrap: Open Another Modal in Modal
  31. Bootstrap 3 – How to load content in modal body via AJAX?
  32. Getting Bootstrap’s modal content from another page
  33. How to add hamburger menu in bootstrap
  34. How to make Bootstrap 4 cards the same height in card-columns?
  35. Bootstrap: add margin/padding space between columns
  36. Hiding elements in responsive layout?
  37. Text-align class for inside a table
  38. Is inside block correct?
  39. How to remove focus around buttons on click
  40. How to vertically center a Bootstrap carousel-caption?
  41. How to center content in a Bootstrap column?
  42. Form is submitted when I click on the button in form. How to avoid this?
  43. Bootstrap 4 – Sticky footer – Dynamic footer height
  44. Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
  45. Bootstrap 4 – Responsive cards in card-columns
  46. Table headers position:sticky and border issue
  47. Responsive image align center bootstrap 3
  48. Bootstrap 3 – How to maximize input width inside navbar
  49. How to add a search box with icon to the navbar in Bootstrap 3?
  50. Twitter Bootstrap: Center Pills

Leave a Comment