Prevent horizontal jumping with centered web pages

Published:

If you have a centered web page, you might have noticed ugly annoying jumping when you change between pages where some extend beyond the browser bottom and some don't. This is of course caused by the simple fact that the vertical scroll bar appears and disappears depending on how long the page is.

Not a big deal, but I find it annoying. A simple fix is to just always show the vertical scroll bar, which you can do with a tiny piece of CSS.

html {
  overflow-y: scroll;
}

Problem solved. 🤷‍♂️