Стилизация полос прокрутки с помощью CSS в Firefox

Я хочу настроить стили полос прокрутки в CSS.

Для WebKit я использую следующий CSS-код, в Safari и Chrome все работает нормально:


::-webkit-scrollbar {
	width: 15px;
	height: 15px;
}

::-webkit-scrollbar-track-piece  {
	background-color: #C2D2E4;
}

::-webkit-scrollbar-thumb:vertical {
	height: 30px;
	background-color: #0A4C95;
}

Как мне сделать то же самое в Firefox?

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

Буду благодарен за совет!

Ответы

Gus

08:55:55 13 Октября 2012 (GMT 0)

Ссылка

Поскажите, а как Вы делаете это с помощью jQuery. У меня та же проблема, но я использовал CSS чтоб исправить это в Webkit. Но для Firefox я ничего не придумал, меня вполне устроит решение с помощью jQuery, лишь бы оно работало.

Brim

23:40:33 17 Октября 2012 (GMT 0)

Ссылка

Я рекомендую использовать плагин jscrollpane для jQuery.

Gus

00:07:08 22 Октября 2012 (GMT 0)

Ссылка

У меня возникла проблема с его применением в Firefox. В Chrome jScrollPane работает нормально, но в Firefox у меня есть появляется пустной системный скроллбар справа от генерируемого jScrollPane'ом.

Brim

04:06:35 24 Октября 2012 (GMT 0)

Ссылка

Нормально он работает в FF. Скорее всего, если возникает такой глюк, то ошибка у Вас в коде.

webdev

04:04:04 24 Октября 2012 (GMT 0)

Ссылка

В Gecko нет эквивалента ::-webkit-scrollbar и прочих подобных. Придется использовать jQuery. Многие хотели бы получить эту возможность. Вот этот запрос, к примеру, точно на ту же функциональность о которой идет речь в вопросе. Он был закрыт как дубликат запроса из первой ссылки.

Brim

02:44:18 31 Октября 2012 (GMT 0)

Ссылка

Спасибо. Тогда еще один вопрос: как насчет -moz-appearance:scrollbartrack-vertical - и прочих подобных расширений CSS? Может быть можно с их помощью как-то выкрутится?

webdev

02:46:13 02 Ноября 2012 (GMT 0)

Ссылка

К сожалению, нет. Ни одно из допустимых значений -moz-appearance здесь не поможет. CSS правило -moz-appearance используется в Gecko (Firefox) для отображения элемента с использованием платформозависимой стилизации основанной на теме операционной системы.

Brim

03:11:37 02 Ноября 2012 (GMT 0)

Ссылка

Я понял, большое спасибо.

Для того, чтоб отвечать на вопросы или зарегистрируйтесь.

Стилизация полос прокрутки с помощью CSS в Firefox

Читайте также

Ответы