Плавность прокрутки
scroll-behavior
В SIMAI Framework с помощью модифкаторов можно управлять плавностью прокрутки элемента.
Классы
Класс | Значение |
---|---|
scroll-auto |
scroll-behavior: auto; |
scroll-smooth |
scroll-behavior: smoth; |
Описание
Адаптивный модификатор. Задает поведение прокрутки элемента в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
- Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (
sm
,md
,lg
,xl
). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр.
Пример
<html class="scroll-smooth">
<!-- ... -->
</html>