hide scrollbar while still able to scroll with mouse/keyboard

Question

Hello,

I want to know if it is possible to hide the scrollbar, while scrolling is still enabled with mouse/keyboard.

I tried to use CSS: overflow: hidden; The effect is, scrollbar disabled AND scrolling disabled.

Answer 1

Nope, that is not possible, there needs to be scrollbar to be able to scroll.

However, you can go for javascript/jquery to create manual scrolling functionality if you have/want to disable the scrollbars. For example, there exists a jquery ScrollTo plugin.

Answer 2

Not natively, but I suppose you could implement your own scrolling mechanism by using Javscript to capture certain keystrokes and re-position the container element accordingly with CSS. It's going to be ugly, though!

Answer 3

There is a jQuery plugin called Scrollable that does what you want.

Answer 4

Do you mean something like this:

http://www.jsfiddle.net/8vYaf/