Свойство плавного скролла в CSS называется scroll-behavior.
scroll-behavior определяет, как будет выполнен скролл при переходе к якорю на странице или при задании программного скролла. С помощью этого свойства можно установить плавный скролл или мгновенный переход к выбранной точке на странице.
Значения свойства scroll-behavior:
- auto - это значение по умолчанию. Оно указывает, что прокрутка будет мгновенной, без плавности.
- smooth - это значение включает плавную анимацию при скролле. Это значит, что при переходе к якорю на странице или при программном скролле, прокрутка будет плавной и плавно замедляться перед достижением якоря.
Пример использования свойства scroll-behavior:
html {
scroll-behavior: smooth;
}
Этот код применит плавный скролл на всей странице. Если вы добавите этот код в CSS-файл вашего веб-сайта, все ссылки с якорями на этой странице будут использовать плавный скролл при переходе к соответствующим разделам страницы.
Важно отметить, что свойство scroll-behavior поддерживается не всеми браузерами, особенно старыми версиями. Поэтому рекомендуется проверить поддержку этого свойства для своего целевого аудитория. Для более старых браузеров можно использовать альтернативные методы реализации плавного скролла, например, с помощью JavaScript.