CSS-модуль "standard" Scrollbars - Уровень 1 находится на ранней стадии внедрения, и он будет единственным, отвечающим вашим требованиям.
Пока это не реализовано, вы ограничены нестандартной поддержкой стилей прокрутки CSS .
Другой вариант (на самом деле единственный, готовый к работе) - использовать плагин, который в основном заменяет механизм полосы прокрутки на пользовательские элементы HTML.
Большинство из них имеют проблемы по крайней мере с одним типом мобильного устройства (либо на IoS, либо на Android), и разумное решение - обнаружить его и просто отключить плагин для этого случая.
Примечание 1 : хотя поддержка W3C является очень мудрой вещью, на которую следует обращать внимание при выборе способа создания страницы, она не имеет большого значения без поддержки браузера. Теоретически, если Chrome отказывается что-то внедрять сегодня, учитывая, что их рыночная доля превышает 60%, они просто не будут, и никто ничего не сможет с этим поделать. Но вашим клиентам потребуется, чтобы их страница работала в Chrome.
Однако большая часть популярности Chrome обусловлена строгим соблюдением веб-стандартов, поэтому можно с уверенностью предположить, что они будут продолжать их соблюдать.
Примечание 2 : я рекомендую эту статью . Он хорошо написан, достаточно информативен и в курсе текущего состояния настроек полосы прокрутки.