Tutorial: Scroll within a popup without scrolling the page

Tips
23

Thanks Rob, very useful. Got me started for sure!

This is what I used to freeze the page underlying in the place I left it.

Javascript run before the workflow 'show Popup

savedScrollY = window.scrollY;
let x = document.getElementById(“myPage”);
x.style.position = “fixed”;
x.style.top = -savedScrollY + “px”;

Javascript run when closing the popup

let x = document.getElementById(“myPage”);
x.style.position = “absolute”;
x.style.top = “”;
window.scrollTo(0, savedScrollY);

I wasn’t worried about my popup detail scrolling inside the popup but I did want the page to ‘stay where I left it’. Hope this helps anyone who wanted that.