Scroll of the main content when the modal window is open

1. How do I make a modal window scrollable?
2. How do I lock a scroll when modal is open?
3. How do I make my modal body scrollable?
4. How to stop background scrolling when popup is open angular?

How do I make a modal window scrollable?

Use the . modal-dialog-scrollable class to enable scrolling inside the modal.

How do I lock a scroll when modal is open?

Approach: A simple solution to this problem is to set the value of the “overflow” property of the body element to “hidden” whenever the modal is opened, which disables the scroll on the selected element.

How do I make my modal body scrollable?

Bootstrap 4.3 added new built-in scroll feature to modals. This makes only the modal-body content scroll if the size of the content would otherwise make the page scroll. To use it, just add the class modal-dialog-scrollable to the same div that has the modal-dialog class.

How to stop background scrolling when popup is open angular?

top = ''; window. scrollTo(0, parseInt(scrollY || '0') * -1); That does it! The body no longer scrolls when a modal is open and the scroll location is maintained both when the modal is open and when it is closed.