Hidden scrollbars do not allow page scrolling. (CSS)

Question

After using the code:

body{
    overflow:hidden;
}

The scrollbar disappears from the right-hand side of the page but as a consequence, I can no longer scroll up or down the page unless I click the scroll wheel on the mouse and drag in the direction I wish to scroll. Any ideas on how to combat this?

It shouldn't prevent you from scrolling the entire page .. can you show us an example? — Explosion Pills, Feb 13 '13 at 23:56
@ExplosionPills Yes it will block him because it won't render anything past the bottom or side of the page therefore there is nothing to scroll. — dennmat, Feb 14 '13 at 00:08

score 1 · Accepted Answer · answered Feb 14 '13 at 00:20

1

the purpose of overflow: hidden; is not to hide the scroll bars - that is a consequence of what is really happening, that is - all the content that exceeds the "visible" area is clipped (hidden).

You are basically looking for something (hiding scrollbars) that is not the purpose of overflow: hidden;

answered Feb 14 '13 at 00:20

Luca

9,259
5
46
59

1

Right. Overflow acts on content that overflows the width or height of its container. Nothing to do with scroll bars, although, it does affect them. – user1934286 Feb 14 '13 at 08:04
that's correct - scroll bars can be seen as a *consequence* of standard `overflow` behaviour! – Luca Feb 14 '13 at 10:24

Hidden scrollbars do not allow page scrolling. (CSS)

1 Answers1