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

Question

[Diversia]

В браузерах, например Firefox, в первые несколько секунд подсвечивается полоса прокрутки, затем пропадает. Можно ли сделать так, чтобы полоса прокрутки не пропадала?
Помогите пожалуйста!

Скрины

<div class="scrollbar-dynamic">
  123<br>123<br>123<br>123<br>123<br>123<br>123<br>123<br>
</div>

.scrollbar-dynamic {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 150px;
}

https://jsfiddle.net/jayLne02/

Answer 1

[Антон Антон]

Скорее всего стоит какое-то расширение или в https://jsfiddle.net/jayLne02/ не весь код. Полоса прокрутки в файрфоксе выглядит вот так:


ну либо это мобильный файрфокс и там ничего не сделать.

Comments

[Lynn «Кофеман»]

Зависит от операционной системы и настроек.

[Diversia]

мой скрин тоже в Firefox. Как видно, не работает этот код.

[Антон Антон]

Diversia, код из вопроса я не менял. Проблема либо в ОС (в маках и мобильных ОС скролл примерно как на картинке и пропадает, если не трогать), либо а плагинах.

Answer 2

[Lynn «Кофеман»]

Включить себе — Settings > General > Browsing > Always show scrollbars.

Включить через CSS всем пользователям вашего сайта нельзя.

Comments

[Diversia]

В это был и вопрос. Как через CSS включить? Мы же про CSS, включать пользователям - не вариант.

[Lynn «Кофеман»]

Diversia,

Включить через CSS всем пользователям вашего сайта нельзя.

[szQocks]

Lynn «Кофеман», почему нельзя ? я впервые с таким сталкиваюсь что у кого-то скролл не отображается, хм даже интересно

Diversia, а только с этим блоком проблемы, если задать ему фиксированную высоту - измениться ли результат ?

<div class="scrollbar-dynamic">
  123<br>123<br>123<br>123<br>123<br>123<br>123<br>123<br>
</div>

[Lynn «Кофеман»]

szQocks, тонкий пропадающий скролл это дефолтная фича MacOS. Так же встречается в некоторых DE в линукс (например у меня на Linux Mint).

[szQocks]

Lynn «Кофеман», хм, сама ОС предоставляет полосу прокрутки для браузеров некоторых получается, не знал это, ща загуглил, да действительно так, буду знать хм

Answer 3

[alexalexes]

Веб разработчик крайне ограничен в стилизации скроллбара.
Повлиять можно только на 3 параметра:
1) Ширина скроллбара;
2) Цвет бегунка (+ hover);
3) Цвет подложки бегунка.
Все остальное поведение зависит от браузера и пользовательских настроек вне контекста песочницы веб-страницы (и даже доступные стилизации могут быть перебиты внешними настройками просто потому что потому).