html список с прокруткой

Чтобы создать список с прокруткой в HTML, можно использовать элемент

 <ul>

(unordered list) и добавить к нему стили CSS для установки фиксированной высоты и прокрутки. Вот пример кода: htmlCopy code

 <style>


.scrollable-list {


height: 200px; /* фиксированная высота */


overflow-y: scroll; /* включение вертикальной прокрутки */


}


</style>


<div class="scrollable-list">


<ul>


<li>Элемент списка 1</li>


<li>Элемент списка 2</li>


<li>Элемент списка 3</li>


<li>Элемент списка 4</li>


<li>Элемент списка 5</li>


<li>Элемент списка 6</li>


<li>Элемент списка 7</li>


<li>Элемент списка 8</li>


<li>Элемент списка 9</li>


<li>Элемент списка 10</li>


</ul>


</div>

В этом примере мы создаем контейнер

 <div>

с классом

 scrollable-list

и устанавливаем ему высоту в 200 пикселей.

Затем в этот контейнер добавляем элемент

 <ul>

со списком элементов

 <li>

. Стили CSS задают свойство

 overflow-y: scroll

, которое включает вертикальную прокрутку при достижении указанной высоты контейнера.