Удалите полосы прокрутки HTML, но позвольте mousewheel прокрутку [дубликата]
2 ответа
Существуют методы Javascript, см. Дублированную цепочку.
Лучшее решение - установить для целевого div значение overflow: scroll и заключить его во второй элемент, который на 8 пикселей уже, то есть overflow: hidden.
Целевой элемент будет иметь скрытую полосу прокрутки. Колесо мыши будет работать, но полоса прокрутки не будет отображаться.
<div style='overflow:hidden; width:200px;'>
<div style='overflow:scroll; width:208px'>
My mousewheel scrollable content here....
</div>
</div>
Обратите внимание, что ширина полосы прокрутки 8 пикселей является случайным числом - вероятно, это намного больше, и для этого может потребоваться CSS для каждого браузера.
Все же лучше, чем JS в моей книге.
Вы можете использовать jScrollPane , который позволяет вам заменять полосы прокрутки браузера на собственные:
Поскольку вы можете стилизовать эти настраиваемые полосы прокрутки с помощью CSS, вы можете легко заставить их исчезнуть (попробуйте что-нибудь вроде: .jScrollPaneTrack {display: none;} )