Как скрыть скроллбар и оставить возможность скролла (CSS/HTML)?

Question

[Nikita Hordiyenko]

Как скрыть скроллбар и оставить возможность скролла (CSS/HTML)?

Comments

[deeppines]

Без js насколько мне известно такое не выйдет.

Answer 1

[kulaeff]

Строго говоря, без использования js никак. Однако можно просто увеличить ширину скроллируемого элемента на ширину его скроллбара таким образом, чтобы он вышел за пределы вьюпорта или родительского блока, у которого overflow: hidden. Но, поскольку ширина скроллбара в браузерах разная, то и тут лучше использовать js.

Comments

[Nikita Hordiyenko]

Спасибо. Уже нашел ответ

::-webkit-scrollbar { 
    display: none; 
}

Вставил данный код в main.css - работает :)

[kulaeff]

Это не кроссбраузерно.

[Nikita Hordiyenko]

kulaeff, Тогда буду искать другое решение. Хотя это стимул начать учить js

[kulaeff]

Мой вариант работает в любом браузере и не требует обязательного использования js. Но js, конечно, учить надо.