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

Дерево навыков/Fixed и sticky positioning/ Диагностика sticky movement

КатегорияПозиционирование и наложениеНавыкFixed и sticky positioningКомпонент навыка

Диагностика sticky movement

ПродвинутыйЭкспертный

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

    • Фактически выбранный scroll container

      Находит фактически выбранный scroll container через overflow ancestry.

    • Проверка scrollable axis

      Проверяет наличие у выбранного container подходящей scrollable axis.

    • Проверка non-auto inset

      Обнаруживает отсутствие sticky movement из-за двух `auto` insets в нужной оси.

    • Доступное travel space

      Проверяет наличие расстояния между normal-flow position и допустимым sticky limit.

    • Размер box относительно scrollport

      Сравнивает размеры sticky box и scrollport при поиске причины ограниченного движения.

    • Размер containing block

      Проверяет, не исчерпан ли travel space границей containing block.

  2. Экспертный уровень

    • Внешние containment inputs

      Прослеживает влияние готовых containment и ancestor-geometry inputs, не дублируя семантику `contain`.

    • Несколько nested overflow ancestors

      Разрешает неоднозначность нескольких nested overflow ancestors и находит нормативно выбранный reference.

    • Разные references по осям

      Диагностирует разные sticky references по осям при single-axis scroll containers.

    • Локализация профильного владельца

      Отличает ошибку sticky geometry от clipping, stacking, overlap и отсутствия фактического scrolling и направляет проблему соответствующему владельцу.