Стилизация полос прокрутки на странице

Question

Я работаю над сайтом по спецификации дизайнера, который любит размещать стилизованные полосы прокрутки на странице ( не основная полоса прокрутки справа, но для различных div с фиксированной высотой на странице, когда содержимое переполняется).

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

Кто-нибудь знает какие-либо относительно безбаговые, кросс-браузерные методы для этого? Примеры, которые я видел до сих пор, включают прокручиваемую HTML-прокрутку HTML , Ajaxian Webkit и jScrollPane , но я хотел бы услышать от любого, кто достиг этой функциональности в прошлом, прежде чем я реализую один из них.

Заранее спасибо.

Answer 1

Я использовал jQuery в прошлом, когда клиент и его дизайнер настаивали на том, чтобы настраивать полосы прокрутки. Довольно просто прикрепить элемент div на боковой стороне блока и сделать его перетаскиваемым между пределами (и интерпретировать положение для установки смещения прокрутки).

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

Стоит ли вам это делать - это совершенно другой вопрос. Вы, конечно, не должны просто полагаться на свой пользовательский JS. Заставьте JS отключить полосу прокрутки и раскрасьте все элементы управления с помощью JS. Если вы этого не сделаете, люди с отключенным / заблокированным JS не смогут использовать ваш сайт.