Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Scroll-state Container Queries/ Состояние sticky positioning

  1. Базовый уровень

    • Physical stuck edges

      Проверяет `top`, `right`, `bottom` и `left` для sticky query container.

    • Состояние `none`

      Определяет отсутствие sticky shift в любом направлении.

  2. Продвинутый уровень

    • Logical stuck edges

      Проверяет `block-start`, `block-end`, `inline-start` и `inline-end`.

    • Writing-mode mapping

      Отображает logical edges в physical edges по `writing-mode` и `direction` query container.

    • Фактический sticky shift

      Отличает визуальное смещение для удержания внутри sticky view rectangle от простого достижения threshold.

    • Non-sticky container

      Получает отсутствие совпавших stuck values для container без `position: sticky`.

    • Одновременные оси

      Допускает одновременное совпадение edges разных осей.

    • Противоположные edges

      Исключает одновременное совпадение противоположных edges одной оси.