javascript でスクロールバーの表示/非表示が切り替わった時に発生するイベントはありますか。
何らかの方法でスクロールバーの表示/非表示の変化を検出することは出来るでしょうか。
動的に表示内容が変化するWebサイトを中央寄せで作っている場合、
表示コンテンツが増えてスクロールバーが表示されると、
スクロールバーの幅の分だけ表示領域が狭くなるため、全体の表示が少し左にずれます。
逆に表示コンテンツが減ってスクロールバーが非表示になると、全体の表示が右にずれます。
このガタつきを防ぎたいです。
body {
overflow-y: scroll;
}
このようにスクロールバーを常に表示する方法もあるかと思いますが、
必要のないときにはスクロールバーを表示させたくないです。
スクロールバーが非表示の時には
body {
padding-right: 17px;
}
とすることで、スクロールバーが表示されている時と同じ位置に表示できますので、
スクロールバーの表示/非表示を検出できれば解決できるのではないかと思い質問しました。