Стилизация scrollbar в css

76
Алексей,

Простая стилизация скроллбара в webkit браузерах и firefox. Т.е. работает во всех современных браузерах.

.block-overflow::-webkit-scrollbar{
	width: 7px;
	background: #eee;
}
.block-overflow::-webkit-scrollbar-thumb{
	width: 7px;
	background: #ccc;
}
.block-overflow{
	max-height: 200px;
	overflow: auto;
	scrollbar-width: thin;
}
Пример такого блока, где вертикальный скроллбар стилизован в css. Пример такого блока, где вертикальный скроллбар стилизован в css. Пример такого блока, где вертикальный скроллбар стилизован в css. Пример такого блока, где вертикальный скроллбар стилизован в css.
Опубликовано 6 мая 2021
css, верстка, костыли, скроллбар
Поделиться
Похожие статьи
Скошенные углы у блока 0
Нездоровая тендеция пошла у дизайнеров на такой вид блоков. А в css нет готового решения, приходитьс...
Читать дальше »
Алексей,
Комментарии
Зарегистрируйтесь чтобы получать уведомления об ответе
Простая стилизация скроллбара в webkit браузерах и firefox. Т.е. работает во всех современных браузерах.