保留滚动条同时保留滚动条

Question

I'm stack on trying to disable html scrollbar while preserving the scrolling and keeping the scrollbar of text area. here

I've tried to set this:

html {overflow:hidden;}

it worked partially butI'm not satisfied with that so do you have any perfect solution?

thanks.

Basically I dont want two scrollbar...

Answer 1

If you aren't afraid of plugins, iScroll may be the perfect solution. This is made to simulate scrolling like known from mobile devices and can transform any element to scrollable areas and also provides options to hide the scrollbar when you're not scrolling. Here, check this example (but you really can hide the scrollindicators even if not shown there):

simple iScroll demo