Настройте полосу прокрутки на моем сайте

Question

Я недавно видел новый внешний вид Gmail, и мне нравится полоса прокрутки, когда у вас много писем. Как я могу повторить это на моем сайте?

Кроме того, как я могу начать с нуля, и еще один подвопрос: можно ли поместить изображение для фона полосы прокрутки, например фон PNG.

Как я могу воспроизвести это любым способом: jquery, css и т. Д.?

Кроме того, как сделать полосу прокрутки толще и занимать больше или меньше места.

Спасибо

РЕДАКТИРОВАТЬ: Можно ли также разрешить конечному пользователю изменять размер, цвет мешка и т. Д. С помощью простой формы, если им предоставляется куча различных опций / тем?

Answer 1

Найдите где-нибудь похожую пользовательскую полосу прокрутки, возьмите копию кода, внедрите и наслаждайтесь.

Как это .

можно ли поместить изображение для фона полосы прокрутки, например, фон PNG?
Да. Это CSS + JS.

Как я могу воспроизвести это любым способом: jquery, css и т. Д.?
Смотрите ссылку.

Кроме того, как сделать полосу прокрутки толще и занимать больше или меньше места.
Изменяя CSS.

Можно ли также разрешить конечному пользователю изменять размер, цвет мешка и т. Д. С помощью простой формы, если им предоставляется куча различных опций / тем?
Да.

Answer 2

Самый простой способ увидеть, как они это делают - это использовать firebug, чтобы увидеть, какую декларацию CSS они используют.

с этим я вижу, что вид полосы прокрутки достигается с помощью -webkit-scrollbar:

http://www.css3.info/styling-scrollbars-the-webkit-way/