Scroll Lock

scrollLock.js

// Borrowed from https://markus.oberlehner.net/blog/simple-solution-to-prevent-body-scrolling-on-ios/
// Tweaks made to html element for mobile device cases.

const body = document.querySelector('body');
const html = document.querySelector('html');

let scrollPosition = 0;

function enableScrollLock() {
    scrollPosition = window.pageYOffset;
    body.style.overflow = 'hidden';
    body.style.position = 'fixed';
    body.style.top = `-${scrollPosition}px`;
    body.style.width = '100%';
    html.style.height = '100vh';
};

function disableScrollLock() {
    body.style.removeProperty('overflow');
    body.style.removeProperty('position');
    body.style.removeProperty('top');
    body.style.removeProperty('width');
    html.style.removeProperty('height');
    window.scrollTo(0, scrollPosition);
}