CSS забирает у JavaScript ещё одну работу

CSS забирает у JavaScript ещё одну работу

Прокрутку во многих интерфейсах уже можно собирать без скриптов. overflow создаёт скролл внутри блока, scroll-behavior — плавные переходы по якорям, а Scroll Snap фиксирует карточки и секции после свайпа. Для модальных окон есть overscroll-behavior: contain: страница не поедет следом, когда внутренняя прокрутка закончится.

Для вайбкодинга это важное напоминание: просите модель сначала использовать возможности браузера, а не писать обработчики на каждый жест. Так прототип получает меньше кода и типовых ошибок. Но доступность забывать нельзя: плавность стоит отключать при prefers-reduced-motion, а полосу прокрутки — сохранять заметной.

Проверьте свой интерфейс: какой скрипт можно заменить одной строкой CSS?

JavaScript вышел за скроллом, но браузер уже всё сделал.

🔗 Источник:: https://habr.com/ru/companies/runity/posts/1089038/?utm_campaign=1089038&utm_source=habrahabr&utm_medium=rss