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

  • Автор темы Lucania
  • 31
  • Обновлено
  • 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
, которое включает вертикальную прокрутку при достижении указанной высоты контейнера.

Lucania


Рег
02 Feb, 2023

Тем
27158

Постов
27328

Баллов
298908
Тем
49554
Комментарии
57426
Опыт
552966

Интересно