Как сделать scroll поверх контента?

Question

[Tdvist]

Нужно сделать таблицу со вертикальным скроллом tbody, чтобы по ховеру показывалась полоса прокрутки, но по ховеру скролл начинает занимать пространство контента и двигать его. Как убрать такое в идеале на CSS.

Comments

[Владислав Черненко]

Загрузите в песочницу что ли...

[FrelFrloich]

Никак, скролл имеет ширину, если его нет а вы потом добавляете он будет смещать контент. В хроме можно его убрать, придав ширину 0, но в мазиле он всё равно появится так как там такое проделать нельзя.

[Tdvist]

FrelFrloich, https://codepen.io/zachleat/pen/WNezwqx тут работает вроде. Пример взял со статьи на хабре статья. Просто не пойму, что дает такой эффект(точнее вроде понимаю ЧТО, но у меня не работает)

[FrelFrloich]

Tdvist, мазила вам испортить один чёрт всё удовольствие, зачем нужны хаки? css не предназначен для кастомизации скролл'а в полном понимании, поищите, есть куча хороших плагинов для кастомизации скроллов и полупрозрачные и поверх контента, какие угодно.

p.s. Потестил что вы выслали для мазилы, не подлежит адекватной кастомизации. И спомощью Input - label можно делать аккордеон разного плана, это же не значит что вы будете так делать). Используйте js будет вам счастье.