Question

If you go to http://google.com, you will notice that there is a disabled scrollbar.

On my site, to avoid annoying the user with page shifting, I want a scrollbar on every page. But, if the page truly does not need to scroll have the scrollbar disabled.

This seems like a trivial task, but I can’t seem to find the solution. Perhaps I’m just missing something.

Anyway, can anyone help with this issue? Thanks.

Answer 1

overflow: auto makes the scrollbar appear when needed and disappear when not. For the scrollbar to always appear, use “scroll”

body {
    overflow-y: scroll;
}