Vertical Scrollbar Position Absolute
To stop your layout from moving when the scrollbar appears, you can use the css below to always make your scrollbar visible.
html{
overflow-y: scroll;
}
always display it to not disturb your layout. it's what Google do ;)
Since nobody has mentioned it, if you want to use overlay
when it's available (e.g., Chrome & Safari) and fallback to scroll
when it's not, you can use the following.
html {
overflow-y: scroll;
overflow-y: overlay;
}
Only in Safari and Chrome (ie. Webkit), you can also use:
html{
overflow-y: overlay;
}
It will add a scroll bar only when necessery, and put it above your content, which means it will not disturb your layout. Use with caution though, it's proprietary and undocumented.