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

Дерево навыков/Fixed и sticky positioning/ Sticky view rectangle и inset thresholds

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

Sticky view rectangle и inset thresholds

БазовыйЭкспертный

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

    • Insets от scrollport edges

      Отсчитывает sticky insets от соответствующих краёв выбранного scrollport.

    • Non-auto inset как threshold

      Использует non-`auto` inset как threshold соответствующего края sticky view rectangle.

    • Одиночный auto как нулевой inset

      При одном заданном inset трактует противоположный `auto` как нулевой inset.

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

    • Два auto не создают offset

      При двух `auto` insets не добавляет sticky offset в этой оси.

    • Независимая geometry по осям

      Независимо строит block-axis и inline-axis размеры sticky view rectangle.

    • Scrollport, уменьшенный insets

      Вычисляет rectangle как scrollport, уменьшенный effective insets соответствующей оси.

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

    • Rectangle меньше sticky box

      Обнаруживает, что полученный rectangle меньше border box sticky элемента.

    • Effective end-edge adjustment

      Уменьшает effective end-edge inset до размера, достаточного для sticky box, включая отрицательный результат.

    • Flow-relative end edge

      Определяет корректный end edge по writing mode containing block.