Hide the scrollbar if a modal window is open

[SeNioR-]

It always annoyed me that you can scroll the page with the modal window open

[SeNioR-]

I am not able to hide the scroll bar using CSS (need JS) but I did it this way:

/* Fixed Dialog Window */
.ipsDialog {
    position: fixed;
    top:0!important;
}

 

[aXenDev]

Some pop-ups have a bigger height then screen.

[SeNioR-]

You're right, I didn't think of it 🤔 Maybe I will find some other solution.

Edited June 16, 2021 by SeNioR-

[Abies]

1 hour ago, aXenDev said:

Some pop-ups have a bigger height then screen.

Bootstrap has a solution to this. Well, actually two solutions:

https://getbootstrap.com/docs/5.0/components/modal/#scrolling-long-content