Здесь создаем дизайн прокрутки, который может отлично смотреться в блоке, ведь полностью создано на чистом CSS. Где теперь вы можете создать блок под описание и в него установить красивую прокрутку, она безусловно сильно отличается от стандартного вида, и все самостоятельно можно вывести в плане стилистики и дизайна. Настраивает стиль полосы прокрутки для документа и элементов с прокручиваемым переполнением на платформах.
HTML
Код
<div class="kesapages-gedovegaun">
<p>
Здесь идет большое описание.
</p>
</div>
CSS
Код
.kesapages-gedovegaun {
height: 83px;
overflow-y: scroll;
}
.kesapages-gedovegaun::-webkit-scrollbar {
width: 8px;
}
.kesapages-gedovegaun::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(19, 18, 18, 0.3);
border-radius: 8px;
}
.kesapages-gedovegaun::-webkit-scrollbar-thumb {
border-radius: 9px;
box-shadow: inset 0 0 5px rgba(19, 18, 18, 0.5);
}
::-webkit-scrollbar предназначается для всего элемента полосы прокрутки.
::-webkit-scrollbar-track предназначается только для полосы прокрутки.
::-webkit-scrollbar-thumb предназначается для большого пальца полосы прокрутки.
Есть много других псевдоэлементов, которые вы можете использовать для оформления полос прокрутки.
Демонстрация
