Кратко

  • В первом публичном проекте W3C от 11 февраля 2020 года браузер выбирает узел возле начала видимой области и компенсирует его перемещение изменением позиции прокрутки.
  • Проект от 11 ноября уточнил пригодные и приоритетные узлы и связь с точками прилипания прокрутки. Свойство overflow-anchor: none позволяет исключить нужную область.

Реклама пришла, как человек, который опоздал в театр и решил пройти к креслу перед самым напряжённым моментом. Блок занял место над статьёй, текст поехал вниз, читатель потерял фразу. Прежнее правило браузера при этом работало безупречно: абсолютное расстояние от начала документа сохранилось. Но документ стал длиннее до того места, на которое человек смотрел. Прежняя цифра уже означала новый кусок страницы. Верность координате обернулась изменой абзацу.

Первый публичный проект W3C от 11 февраля 2020 года приводит два понятных случая: скрипт вставляет рекламный iframe либо изображение без заранее выделенного места догружается по медленной сети. Оба меняют высоту выше видимой части. Издатель может сразу выделить размер под ожидаемый материал; это делает страницу спокойнее. Авторы проекта предложили браузеру способ помочь и тогда, когда поздняя вставка уже произошла.

Способ начинается с выбора опорного узла внутри прокручиваемой области. Браузер ищет элемент ближе к началу видимой зоны и достаточно глубоко в дереве документа. Затем сравнивает положение этого узла до перестройки страницы и после неё. Сдвиг превращается в поправку к прокрутке. Объявление занимает отведённое ему место, а читаемая строка остаётся там, где был взгляд. Число пикселей меняется ради постоянства текста.

Опорный узел выбирается по правилам. Рядом с абзацем могут быть меню, картинки, изменяющиеся панели и декоративные блоки. Не каждый из них годится на роль ориентира. Проект описывает кандидатов и окно подавления, после которого применяется подготовленная поправка. Браузер дожидается подходящего момента в цикле раскладки и разбирается с несколькими изменениями страницы без суеты.

В рабочем проекте от 11 ноября 2020 года стали яснее определения пригодных и приоритетных кандидатов. Уточнено и взаимодействие с прокруткой, которая прилипает к заданным точкам: у такого интерфейса уже есть свои позиции остановки. История публикаций W3C показывает обе версии 2020 года, а февральское сообщение организации формулирует цель прямо: изменения за пределами видимой области способны сдвинуть страницу во время чтения.

У автора страницы остаётся настройка. Свойство overflow-anchor изначально имеет значение auto; значение none выводит прокручиваемый контейнер из механизма либо исключает ветвь элементов из поиска ориентира. Компонент с собственной логикой прокрутки может обозначить свою границу. Общая забота о чтении принадлежит браузеру, конкретное поведение отдельных участков задаёт страница.

Представьте палец, которым придерживают строчку в книге, пока кто-то вкладывает лист в уже прочитанные главы. Число страниц изменилось, палец остался у той же мысли. В 2020 году браузеру описали именно такую привычку — простую, как хороший читательский жест.