Плавность прокрутки

scroll-behavior

В SIMAI Framework с помощью модифкаторов можно управлять плавностью прокрутки элемента.

Классы

Класс Значение
scroll-auto scroll-behavior: auto;
scroll-smooth scroll-behavior: smoth;

Описание

Адаптивный модификатор. Задает поведение прокрутки элемента в зависимости от размера области просмотра.

Использование модификатора: {контрольная точка}:{модификатор}

  • Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
  • Модификатор. Обязательный параметр.

Пример

<html class="scroll-smooth">
  <!-- ... -->
</html>

Изменить статью