[HOW] HTML/CSS: Prevent Scrollbar Jump

March 4, 2012
|In Design, How to fix stuff
|By Elwin Lee

Firefox and Chrome doesn’t show a scrollbar on the right if the content of a page isn’t longer than the window. But when the content becomes longer, the vertical scrollbar appears and causes the layout to shift. This “jump” can be quite annoying as the whole layout moves to the left. To fix this:

html {
  overflow-y:scroll;
}


Related Posts

Add comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2026 Elwin Lee's Blog. All rights reserved