Скрыть полосу прокрутки при возможности прокрутки с помощью мыши/клавиатуры

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

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

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

Ответ 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";

См. demo или заполните HOWTO.

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

Ответ 2

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

Ответ 3

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