Какие актуальные методы стилизации скроллбара есть на данный момент?

Question

[Фёдор]

Здравствуйте. Подскажите, как нынче правильно можно реализовать стили для скроллбар-а средствами CSS. Всё что гуглилось относится к webkit. (Что не очень актуально, как мне кажется).

Comments

[Сергей delphinpro]

Сейчас везде вебкит. Даже Edge давно на вебките.
Для ff тоже есть свойства стилизации, но их меньше.

[Фёдор]

Сергей delphinpro, то бишь, можно спокойно можно реализовать на webkit-e идеи для стилизации? Какие подводные камни могут встретиться?

[Максим]

заменить стандартный на свой
как вот здесь к примеру сделано: plugin

[Фёдор]

Максим Ленский, Кастомные решения более уязвимы к кроссбраузерности, не?

[Максим]

Фёдор, я выше ссылку скинул - посмотрите

[xdevelx]

https://ishadeed.com/article/custom-scrollbars-css/

Answer 1

[Danny Arty]

Если требуется кроссбраузерное решение, то только средствами CSS вы этого не добьетесь, как минимум потому, что например в FF свойств для стилизации меньше.
Лично я использую в основном mCustromScrollbar или Simplebar - оба отлично работают в любом браузере на любом устройстве. Ну тут, как говорится, конечно уже дело вкуса.

Comments

[Фёдор]

Да мне по сути надо реализовать вот такой скролл.

[Danny Arty]

Фёдор, такой только с использованием js библиотек, с одним CSS как минимум для FF не получится

[Фёдор]

Danny Arty, из представленных библиотек только Simplebar не относится к JQ?

[Danny Arty]

Фёдор, да, есть еще такой на js

[Фёдор]

Danny Arty, а с Vue.js он нормально дружит?

[Danny Arty]

Фёдор, да, проблем не было

[Фёдор]

Danny Arty, Можно вас попросить перейти в этот топик и помочь разобраться с Simplebar?