Управляемый прокруткой CSS в 2026 году — разработка карусели без JavaScript

[PechoraDev]

За старания лайк. Но скажу одну очевидную вещь - как бы фронтенд не пытался уйти от JS - у него это не получится по ряду многих причин.

Я не хейтер CSS, наоборот, рад, что скролл-снэп наконец-то довели до ума. Но если честно - как только карусель становится чуть сложнее «три картинки, листай вправо-влево», сразу вылезают грабли:

• динамическая подгрузка контента;

• синхронизация с состоянием;

• доступность для скринридеров и клавиатуры - на CSS это до сих пор боль;

• бесконечный цикл без копирования DOM-элементов;

• кастомные триггеры при смене слайда.

Так что мой посыл простой: не надо натягивать сову на глобус. Если нужна галерея в портфолио - можно и через CSS, прокатит. Если проект живой и с логикой, то 10 - 15 кб своего js вместо 140 кб swiper сделают свое дело. Главное, не строить иллюзий, что веб вдруг станет "без js". Не станет. Даже в 2026.

[alexnozer]

«Без JS» действительно не получится. Иногда эта догма приводит к разного рода хакам на чекбоксах и прочему, что лучше было бы реализовать на JS. Но то, что платформа предлагает некоторые примитивы, которые позволяют сократить объём JS — это хорошо на мой взгляд.

[fire64]

На Android к сожалению в актуальном Chrome просто белый экран.

UP:

Беру свои слова назад, с КВН все заработало.

[maxamuz]

Это конечно хорошо. Только не понимаю, зачем кому-то в 26 году понадобилось управление кнопками клавиатуры?

[alexnozer]

Это одно из базовых требований доступности и некоторые люди таким образом взаимодействуют с интерфейсом.

[maxamuz]

Какие некоторые? Обоснуйте, пожалуйста.