Как сделать так чтобы н была видна полоса прокрутки?

Question

[Anto]

Добрый день!

Подскажите: есть раскрывающийся попах, высота подстраивается на высоту экран, контента большой сделал прокрутку overflow-y: scroll; как сделать так чтобы прокрутка была но без самой полосы прокрутки?
Прокрутка есть:

Прокрутки нету:

Comments

[Сергей delphinpro]

Для вебкитов можно стилизовать ::-webkit-scrollbar сделав его прозрачным и/или нулевой ширины.
Это самое простое и дешевое средство. Учитывая, что вебкиты - подавляющее большинство, можно им и обойтись, забив на остальные (хотя у IE тоже есть определенные возможности стилизации, но я не помню, редко пользую).
Кроссбраузерные варианты -
1. мутить скроллбар на js
2. ловить события mousewheel и самому прокручивать блок (с overflow:hidden). Не забыть про сенсорные события.

[Rheinmetall]

Я немного не по теме, там уже ответы накидали, мне просто интересно а зачем? Как пользователь поймет что это можно скроллить?

Answer 1

[Astrohas]

https://jsfiddle.net/56veyswf/

Answer 2

[Андрей]

Есть ещё такая библиотека

Comments

[Anto]

Этот вариант подходит более, покрасней мере в одном из деонтологию прокрутка как на маке что более приятно выглядит, спасибо попробую этот вариант.

Answer 3

[Станислав]

Есть несколько способов. Можно использовать хитрые свойства css, но они для разных браузеров свои (взято отсюда):

/* хром, сафари */
.element::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.element { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.element { overflow: -moz-scrollbars-none; }

Там же в комментариях я нашел такой вариант, правда код там изначально написан на SASS.

Вот еще вариант, но это когда известны размеры (ширина). Хотя в целом ничто не мешает вам узнавать ее или под разные media делать разные заранее известные размеры вашего блока с прокруткой.