● design

scroll-state(): стили когда scroller «прилип»

scroll-state(): стили когда scroller «прилип»

Условие @container scroll-state(stuck: top) меняет тень у sticky-заголовка таблицы цен, когда блок достиг верха scrollport — без IntersectionObserver.

Работает в связке с container-type: scroll-state на предке.

- [CSS Conditional Rules — scroll-state](https://drafts.csswg.org/css-conditional-5/#scroll-state-container) — Черновик scroll-state().

- [Container queries — web.dev](https://web.dev/articles/container-queries) — Базовые container queries.

---

## Прогрессивность

Дублируйте класс .is-stuck через JS там, где API ещё нет.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Подписывайтесь на наш канал в Telegram

и получайте ежедневную порцию новостей из мира строительства и недвижимости, читайте интервью и участвуйте в опросах

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.