Скрыть полосу прокрутки, при этом все еще в состоянии прокрутить с помощью мыши / клавиатуры

Question

Возможный дубликат:
Как отключить браузер или полосу прокрутки элемента, но разрешить прокрутку с помощью колесика или клавиш со стрелками?

Я хочу знать, возможно ли скрыть полосу прокрутки, пока прокрутка все еще включена с помощью мыши / клавиатуры.

Я пытался использовать CSS: overflow: hidden; В результате полоса прокрутки отключена И прокрутка отключена.

Answer 1

Для дальнейшего использования есть решение без jQuery - просто включите в стиль div оболочки overflow:hidden и используйте этот двухлинейный JavaScript:

// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;

// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";

Смотрите демо или полный HOWTO.

Обновление: вы можете использовать тот же принцип для создания прокручиваемого div без полосы прокрутки: демо.

Answer 2

Существует плагин jQuery под названием Scrollable, который делает то, что вы хотите.

Answer 3

Не изначально, но я полагаю, что вы могли бы реализовать свой собственный механизм прокрутки, используя Javascript для захвата определенных нажатий клавиш и соответствующего изменения положения элемента контейнера с помощью CSS. Это будет ужасно, хотя!