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

• Возможность явно определить ширину полосы. 4 В отличие от отдельной спецификации для элемента scrollbar, где выбор ограничен автоматическим расчётом ширины или отображением тонкого элемента навигации, с помощью псевдоэлементов можно сделать более широкий скроллбар. 4
• Возможность задавать цвета и градиенты. 4 С помощью псевдоэлементов можно изменить стиль бегунка, например, сделать его переливающимся разными цветами. 4
• Возможность скрыть пользовательский интерфейс полосы прокрутки. 3 Это может быть полезно, если интерфейс занимает визуальное пространство на веб-сайте или нужно, чтобы сайт выглядел одинаково на настольном компьютере и мобильном устройстве. 3

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

• Устаревший синтаксис. 4 В спецификации CSS Scrollbars указано, что использование префиксных псевдоэлементов, связанных с полосой прокрутки, считается ошибкой. 4
• Ограничение по браузерам. 2 Стилизовать полосу прокрутки через -webkit-префикс возможно только в браузерах, использующих механизм рендеринга Webkit (и Blink). 2 В Firefox и IE этот способ не сработает. 2