How to hide window scrollbar and make scrolling still working [duplicate]

Question

I want to hide window scrollbar and I used this css style

body { overflow: hidden; }

but the problem here is the srcolling is disabled as well !

So, How to hide window scrollbar and make scrolling still working ?

Thanks is advance.

Sam1604 · Accepted Answer · 2014-02-26 09:58:36Z

1

Use the CSS

::-webkit-scrollbar { display: none; }

Here is a Demo

It scroll without scrollbar...

answered Feb 26, 2014 at 9:58

1,4973 gold badges16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

NativeWebs · Accepted Answer · 2014-02-26 10:00:29Z

1

Please use:

body{ height : 500px; overflow : scroll; }

answered Feb 26, 2014 at 10:00

635 bronze badges