84

My site has both very short and longer pages. Since I center it in the viewport with margin: 0 auto, it jumps around a few pixels when switching from a page that has a scrollbar to one that hasn't and the other way around.

Is there a way to force the vertical scrollbar to always appear, so my site stays put when browsing it?

Improve this question
0

2 Answers 2

Reset to default
111

Give your body tag an overflow: scroll;

body { overflow: scroll; }

or if you only want a vertical scrollbar use overflow-y

body { overflow-y: scroll; }
Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

This is not forcing the scrollbar to "appear", it just adds a scrollbar.
8 
html { overflow-y: scroll; }

This css rule causes a vertical scrollbar to always appear.

Source: http://css-tricks.com/snippets/css/force-vertical-scrollbar/

Improve this answer

3 Comments

In Chrome on Mac OS this does not cause scroll bar to "appear", it merely causes it to "exist".
I have been doing it this way: .element { overflow-y: visible; } Painfully simple I know...
visible means something else: Content is not clipped and may be rendered outside the padding box

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.