Время эксперимента — привязка прокрутки

Вы когда-нибудь посещали веб-страницу, начинали читать часть контента, а затем страница всплывала из-за загрузки рекламы или изображений, из-за чего вы теряли свое место на странице?

Что ж, возможно, стоит проверить флаг привязки прокрутки в Chrome 51.

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

Чтобы опробовать эту функцию на себе, сделайте следующее:

  1. Перейдите к chrome://flags/#enable-scroll-anchoring в Chrome Dev/Canary.
  2. В раскрывающемся списке выберите «Включено».
  3. Нажмите « Перезапустить сейчас » внизу экрана.

При этом у вас будет включена привязка прокрутки.

Мы используем это некоторое время и считаем, что это значительно улучшит работу всех пользователей в Интернете, но мы хотим убедиться, что это работает хорошо везде. Если вы обнаружите какие-либо примеры, когда привязка прокрутки не справлялась с перекомпоновкой страницы, или примеры, когда она не должна была вмешиваться, мы отчаянно хотим услышать об этом!

Отправьте нам отзыв или примеры непредвиденного поведения, заполнив эту форму: g.co/reportbadreflow

Часто задаваемые вопросы

Как это изменение влияет на прокрутку JavaScript?

Короче говоря - это не так.

Это изменение изменяет эффект прокрутки, вызванной перекомпоновкой. Например, добавление имени класса к элементу, которое приводит к увеличению его высоты, приведет к перекомпоновке, а привязка прокрутки предотвратит прыгание страницы.

Вызов window.scrollTo(0, 1) (да, старый школьный хак) не вызовет перекомпоновку и будет вести себя нормально. То же самое касается событий касания.

Если вы обнаружите пример, когда привязка прокрутки влияет на вашу страницу, отправьте отзыв через эту форму: g.co/reportbadreflow