ScrollArea

С фиксированной высотой

  • Строка 1
  • Строка 2
  • Строка 3
  • Строка 4
  • Строка 5
  • Строка 6
  • Строка 7
  • Строка 8
  • Строка 9
  • Строка 10
  • Строка 11
  • Строка 12
  • Строка 13
  • Строка 14
  • Строка 15
  • Строка 16
  • Строка 17
  • Строка 18
  • Строка 19
  • Строка 20

С постоянным скроллбаром

Абзац 1: содержимое области прокрутки с ограниченной высотой.

Абзац 2: содержимое области прокрутки с ограниченной высотой.

Абзац 3: содержимое области прокрутки с ограниченной высотой.

Абзац 4: содержимое области прокрутки с ограниченной высотой.

Абзац 5: содержимое области прокрутки с ограниченной высотой.

Абзац 6: содержимое области прокрутки с ограниченной высотой.

Абзац 7: содержимое области прокрутки с ограниченной высотой.

Абзац 8: содержимое области прокрутки с ограниченной высотой.

Абзац 9: содержимое области прокрутки с ограниченной высотой.

Абзац 10: содержимое области прокрутки с ограниченной высотой.

Абзац 11: содержимое области прокрутки с ограниченной высотой.

Абзац 12: содержимое области прокрутки с ограниченной высотой.

Входные параметры

ИмяТипПо умолчаниюОписание
maxHeightnumber | stringundefinedМаксимальная высота области. Число трактуется как пиксели, строка — как любое CSS-значение высоты.
alwaysShowScrollbarbooleanfalseПоказывать вертикальный скроллбар всегда, даже когда содержимое не превышает высоту.

Описание

ScrollArea — контейнер прокрутки с ограничением высоты через maxHeight и стилизованным вертикальным скроллбаром. Используется для длинных списков или иного контента, который должен занимать фиксированную область без растягивания страницы.

Дополнительная информация

  • Слот по умолчанию — содержимое области прокрутки.
  • maxHeight как число преобразуется в ${n}px; строкой можно передать, например, '80vh' или '20rem'.
  • alwaysShowScrollbar управляет классом c3-scroll-area--scrollbar-visible, который форсирует видимость скроллбара.
  • Стилизация скроллбара задаётся SCSS в scroll-area.scss.
×