Стилизация скоролла?

Question

[JastaFly]

Есть задача стилизовать скролл-бар под новый дизайн. Вроде посмотрел как это сделать, но потом заметил что у многих гигантов типа озона, он не стилизован и это навело меня на мысль, нет ли тут каких-то подводных камней, которые заставляют такие крупные сайты использовать стандартные скролл бары?!??

Comments

[Ankhena]

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

[JastaFly]

Как чуточку более изящный скороллбар может сбить кого-то с толку!???

[Одиночка Айс]

JastaFly, а какой смысл его стилизовать?

[JastaFly]

Ну просто чтобы он был более приятным и не таким громоздким?!?? У вас же не возникает вопросов зачем стилизовать стандартные инпуты??!? Так и тут

[Одиночка Айс]

JastaFly, ну, тогда что-то типа malihu или на css-tricks посмотреть

[Антон Литвиненко]

кроссбраузерного способа без плагина вроде нет. а плагинов хоть отбавляй

[Ankhena]

JastaFly,

Ну просто чтобы он был более приятным и не таким громоздким?!??

Подумайте о целесообразности: конверсия вряд ли увеличится, глюки прокрутки вероятны, придется тащить плагин.
В плюсах: субъективная приятность.

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

[JastaFly]

А обычный скролл окна это часть браузера, она соответствует его дизайну.

Опять же эта така-же часть браузера, как и инпуты. Их стилизация так же не поможет увеличить конверт, но почему-то с ними у вас вопросов не возникает?!??

[Ankhena]

JastaFly,

но почему-то с ними у вас вопросов не возникает?!??

У меня и с прокруткой не возникает.
Это вы автор вопроса.
Насмешили :)

Вы спросили почему "они" не стилизуют, я вам описала возможные причины. Можете написать прямо гигантам, там тоже люди работают, вполне могут и ответить. Заодно и тут расскажете, что узнали.
Кстати, правила сервиса перечитайте.

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

Answer 1

[Сергей delphinpro]

Учитывая доминирующее положение хромиум браузеров, можно обойтись без плагинов (которые могут заглючить, и поди разберись почему). Используйте стилизацию псевдоэлементов ::-webkit-scrollbar-*. Можно сделать достаточно симпатичные скроллбары. Примеры можно загуглить, например, на кодпене.
Для оставшегося в стороне огнелиса можно использовать стилизацию стандартизованных свойств для скроллбара (не помню, вошли они уже в спеку или нет, но файрфокс их поддерживает). Там поменьше возможностей, но более или менее под дизайн подогнать можно, хотя бы в плане цветовой гаммы.

Comments

[JastaFly]

а для эпла что делать?!??

[Сергей delphinpro]

JastaFly, ничего не делать. https://caniuse.com/css-scrollbar
В десктопном сафари тот же вебкит под капотом.
А в мобильном и так скроллбары не уродливые.

Answer 2

[imko]

Есть, он в принципе универсально не стилизуется. Но можно повесить плагин и стилизовать уже его, одинаково и универсально так как это просто пачка дивов