Pages with varied content on different pages can often experience ‘content jumps’. This happens as the browser decides to add or remove the scroll bars, causing page content to move the width of the scroll bars.
An unsightly event…

The fastest way to stop this behavior is to force scroll bars to always be present.

Read on to learn how to do it.

below are a few different option which seem to work in all major browsers.

<pre><code>html {
       overflow-y: scroll;
}

A different approach, same result

<pre><code><code>html </code>{
       heigth: 100%;
       margin-bottom: 1px
}