🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2024-09-14

CSS свойство scroll-behavior управляет поведением прокрутки при программных вызовах, например, при переходе к якорю или вызове scrollTo(). Благодаря ему можно сделать прокрутку плавной или мгновенной, что улучшает навигацию по сайту.

Пример: чтобы включить плавную прокрутку при переходе по якорям, добавьте в CSS:

html {
  scroll-behavior: smooth;
}

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

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.