Вопрос Как сделать полосу прокрутки для сайта html+ css

[hittmen282]

Нужно сделать вертикальную полосу прокрутки для сайта, можете скинуть видео либо обьяснить как это сделать?

 

[аав]

Ее делает браузер.

 

[xbnthjr]

Делаешь блок и переполняешь его но ограничиваешь высоту и встилях пишешь overflow-y auto

 

[elibbue235]

HTML

<div class="scrollable">
<p>Это длинный текст, который не помещается в блок.</p>
<p>Это длинный текст, который не помещается в блок.</p>
<p>Это длинный текст, который не помещается в блок.</p>
</div>

CSS

.scrollable {
width: 300px;
height: 200px;
overflow: auto;
}

/* Полоса прокрутки */
::-webkit-scrollbar {
width: 10px;
}

/* Дорожка */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Бегунок */
::-webkit-scrollbar-thumb {
background: red;
}

 

[paha492]

Она автоматически появится когда контент не будет влезать