Как я могу оформить полосу прокрутки HTML, как это иногда можно найти в поисковой выдаче Google?

Question

Я гуглил, когда наткнулся на это ... следующее изображение и никогда до или после этого не видел ...

это скриншот результатов Google в Firefox

один результат прокручивался сам по себе ...

см. Полосу прокрутки .. как мне добиться этой полосы прокрутки ...

мы можем иметьпрокрутка внутри Divs, но Firefox не позволяет CSS-стиль полосы прокрутки, и это портит внешний вид страницы ...

Answer 1

jQuery UI может выбить это из парка. Проверьте их слайдер .

Все их виджеты с поддержкой ARIA и клавиатуры доступны, попробуйте использовать клавиши со стрелками и page-up / page-down на примере.

Вы можете получить это на своем сайте за 20 минут. Меньше, если вы уже знакомы с jQuery UI.

Answer 2

В веб-браузерах вы можете использовать селектор ::-webkit-scrollbar css

Answer 3

Вам потребуется создать собственную полосу прокрутки и div с использованием JavaScript - в настоящее время стили прокрутки работают только в IE5.