[モーダル] スクロールバー表示時のガタつきをなくす実装方法

解決方法1.スクロールバーの幅を取得まずはスクロールバーのサイズを確保しておく。CSSから値を取得できるようにCSS Custom Propertiesにスクロールバーの幅を設定する。 function observeScrollbarWidth() { const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth; document.documentElement.style.setProperty('--scrollbar-width', `${scrollBarWidth}px`); } window.addEventListener('load', observeScrollbarWidth); window.addEventListener('resize', debounce(ob