Можно ли с помощью -webkit-scrollbar убрать только вертикальный скролл у блока?

Question

[Егор Живагин]

Раньше не юзал селектор ::-webkit-scrollbar никогда.

Задача: убрать вертикальный скролл, оставив горизонтальный. Пример - тут

В чём вопрос:
Убрать оба скроллера получается

.parent::-webkit-scrollbar{
/*   display: none; */
  opacity: 0;
}

А вот потом "вернуть" какой-нибудь из них - нет

.parent::-webkit-scrollbar:vertical{
/*   display: block; */
  opacity: 1;
}

Пробовал убрать только один, убирать/показывать другими свойствами, ... Толку 0. Как-будто браузер не понимает селекторов :vertical, :horizontal . (Про эти селекторы написано тут , например)

Я знаю, что это всё плохо поддерживается браузером, но, может, я где накосячил? Подскажите, господа

Comments

[Сергей delphinpro]

Запретите прокрутку в нужном направлении. Тогда и скроллбары не будут появлятся, в т.ч вебкитовские.

overflow-y: hidden;
overflow-x: auto; /* or scroll */

[Егор Живагин]

Сергей delphinpro, а вот прокрутку-то терять не хочется) Т.е. скроллер нужно именно скрыть, без потери функционала

Я нашёл неплохой хак с content-box и отступом, несколько вариантов с JS, ... Но это всё-таки хаки. И мне стало любопытно, почему даже в Chrome у меня не работают селекторы vertical и horizontal, может я что не так делаю?

Другой путь я найду если что, спасибо)

[Сергей delphinpro]

Егор Живагин, тут два пути, либо самому ловить mousewheel, либо воспользоваться плагином типа baron в котором не составит труда скрыть кастомный скролл.

[Сергей delphinpro]

Селекторы эти глючат. Лично я с ними сильно не заморачиваюсь.

[Егор Живагин]

Сергей delphinpro, два пути - как два стула, на одном велосипеды, на втором npm-либы лишние) В любом случае, спасибо за уделённое время