1. Главная
  2. . Blocs
  3. Проект
  4. Горизонтальная область прокрутки

Горизонтальная область прокрутки

Контейнер горизонтальной прокрутки позволяет размещать содержимое внутри него так, чтобы оно располагалось горизонтально, а не вертикально. Ширина контейнера прокрутки определяется шириной его родительского элемента, что означает, что любой скрытый контент доступен горизонтальная прокрутка или с помощью навигации оставил и правую кнопки для прокрутки области содержимого.


Совет для начинающих

Высота контейнера горизонтальной прокрутки рассчитывается на основе высоты самого большого дочернего элемента внутри него.

Включить горизонтальную прокрутку

Добавить контейнер div Bric в макет вашего сайта и из инспектора боковой панели напишите в раскрывающемся меню выберите горизонтальная прокрутка.

Элементы управления прокруткой

При использовании типа контейнера с горизонтальной прокруткой Blocs автоматически реализует некоторые элементы управления пользовательского интерфейса, которые помогают пользователям перемещаться по содержимому в области горизонтальной прокрутки. Эти элементы управления навигацией можно настроить, используя следующие параметры.

Размер контроля

Существует два варианта размера кнопок управления прокруткой. по умолчанию и компактный, по умолчанию опция предоставит горизонтальную область прокрутки, кнопки навигации стандартного размера и кнопку компактный Опция уменьшит размер этих кнопок.

Цвет кнопки

По умолчанию кнопки навигации контейнера с горизонтальной прокруткой имеют темный полупрозрачный цвет. Цвет заливки этих кнопок можно настроить с помощью цветовой метки. кнопки.

Цвет значка

По умолчанию значки кнопок навигации контейнера с горизонтальной прокруткой имеют белый цвет. Цвет этих значков можно настроить с помощью цветовой метки. иконки.

Коррекция прокрутки

Когда пользователь вручную прокручивает область горизонтальной прокрутки и событие прокрутки заканчивается, коррекция прокрутки попытается аккуратно расположить содержимое внутри контейнера прокрутки в доступном пространстве. Эта опция включена по умолчанию, но ее можно отключить с помощью флажка с надписью Коррекция прокрутки.

Всегда показывать элементы управления прокруткой

По умолчанию элементы управления контейнером горизонтальной прокрутки отображаются только тогда, когда курсор мыши находится над областью прокрутки. Включение этой опции заставит элементы управления навигацией всегда быть видимыми. По умолчанию эта опция отключена, но ее можно включить с помощью флажка с надписью Всегда показывать элементы управления прокруткой.

Обновлено 12 декабря 2023 г.

Была ли эта статья полезна?

Статьи по теме