Take the 2-minute tour ×

After using the code:


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?

share|improve this question

marked as duplicate by Robert Harvey Feb 22 '13 at 15:31


change it to overflow-x:hidden; –  Cody Guldner Feb 13 '13 at 23:56
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 0:08

1 Answer 1

up vote 1 down vote accepted

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;

share|improve this answer
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. –  fredsbend Feb 14 '13 at 8:04
that's correct - scroll bars can be seen as a consequence of standard overflow behaviour! –  Luca Feb 14 '13 at 10:24
