Салют, друзья! 🤘
⠀
Открываем шестой урок бесплатного курса по Taptop.
⠀
На этот раз собираем большой блок «Чеклист». Урок получился объёмный, поэтому разбили его на 5 частей.
⠀
Внутри будет 4 раздела, у каждого свой цвет фона, своя структура контента, а заголовки фиксируются, пока правая часть движется при скролле.
⠀
Первые два раздела собираем в более спокойной логике: заголовок фиксируется, а контент движется при скролле.
⠀
Дальше переходим к большим разделам, где контент выходит за пределы экрана и появляется из-под нижней пунктирной линии. Для этого отдельно собираем закрывающую плашку, настраиваем sticky, z-index, декоративные элементы и аккуратное перекрытие контента.
⠀
Отдельный важный момент урока — Custom Properties. Разбираем, где они помогают и как с ними работать.
⠀
В финале собираем навигационное меню внутри чеклиста: фиксируем его при скролле, добавляем переходы по якорям, активные состояния пунктов и небольшую анимацию со скобками.
⠀
Новый урок уже доступен в боте: @Izum_Study_bot
⠀
Смотрите, пробуйте повторить и пишите в закрытую группу, если что-то непонятно или хочется обсудить ❤️