- 05, May 2023
- #1
Чтобы создать список с прокруткой в 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
, которое включает вертикальную прокрутку при достижении указанной высоты контейнера.