画面のオブジェクトの量や表示範囲をコントロールしていた場合、スクロールバーが出たり消えたりすることがある。

スクロールバーが表示されるとその分表示領域が減ってしまうので、 厳密にデザインをコントロールしている場合それにより表示がガクついたりする。

それを避けるためにそもそもスクロールバーを消してしまうことができる。 見た目上は消えているがホイール等でのスクロール操作はできるようになっている。

html{
    scrollbar-width: none;       // Firefox用
}
 
body{
    -ms-overflow-style: none;    // IE, Edge用
    &::-webkit-scrollbar {  // Chrome, Safari用
        display:none;
    }
}