search
Плавность прокрутки
https://dev.ru.simai.io/ru/ui/utility/scroll/scroll-behavior.php
Модификаторы из пакета scroll-behavior позволяют управлять тем, будет ли прокрутка происходить скачкообразно или
плавно.
Классы и их значения
| Класс | Значение |
|---|---|
| .scroll-auto | scroll-behavior: auto; |
| .scroll-smooth | scroll-behavior: smooth; |
Описание
Модификаторы scroll-auto и scroll-smooth определяют, как будет происходить прокрутка: моментально или с плавной
анимацией.
Синтаксис
Использование модификатора: {scroll-behavior}
Например:
<html class="scroll-smooth">
<!-- контент страницы -->
</html>
Пример использования
<!-- Плавная прокрутка при переходе по якорным ссылкам -->
<html class="scroll-smooth">
<body>
<a href="#section2">Прокрутить к секции 2</a>
<div style="height: 1000px;"></div>
<div id="section2">Секция 2</div>
</body>
</html>