HTMLモーダルウインドウの背景を固定

JavaScriptで実装。モーダルウインドウの背景を固定する。

準備

const _scrollElm    = document.scrollingElement;
let _scrollElmTop    = 0;

固定

_scrollElmTop = _scrollElm.scrollTop;
_scrollElm.style.position = 'fixed';
_scrollElm.style.top = -_scrollElmTop + 'px';
_scrollElm.style.width = '100%';

固定解除

_scrollElm.style.position = '';
_scrollElm.style.top = '';
_scrollElm.style.width = '';
window.scroll({top:_scrollElmTop});