How to hide the scrollbar using JavaScript

Question

How can the scrollbar be hidden? I want to do this because the scrollbar is not nice.

overflow:hidden is not useful, because my div element has many other elements.

So setting overflow does not solve my problem.

Answer 1

You can hide the scrollbar with this...

document.body.style.overflow = 'hidden'; 

...and unhide it with this:

document.body.style.overflow = 'visible'; 

However, you have to question yourself whether this is really what you want. Scrollbars appear for people to be able to view things that are outside of their small screens.