Prevent scrolling too much beyond popup

[jayy]

When the user scrolls up and down a popup, it can scroll way beyond the popup, to the see dimmed content behind. Then the user would “lose sight” of the popup.

How do i prevent scrolling too much beyond the popup? To keep the popup within sight.
For example, i want to restrict scrolling to 50px before and after the popup.

There are a few similar topics here, but no real solution.

[nfisher]

You need to do some CSS from what I remember, take a look here:

Tutorial: Scroll within a popup without scrolling the page

How to make a popup scroll-able without scrolling the underlying page Links: Demo and Editor. Bear in mind this is a relatively “bare bones” version. There may be some nuances depending on how your page is laid out but this should get you most of the way conceptually! So there are two aspects: Make the popup scroll its internal content (simples) Stop the main page behind it from scrolling (bit trickier) Part One: Scrolling the popup Add your popup, and give it a unique ID …

[pachikafu]

You can lock the pop up so that the user cant scroll - locode - Vertically center any popup on the page – remember to remove the space after < for it to work.