Google офіційно запускає Scroll Anchoring для усунення неприємних переходів сторінок

Минулого року ми вказав на виправлення щоб запобігти дратівливим переходам сторінок у Google Chrome, які змушують вас натискати те, що ви не хотіли натискати. Це виправлення називається «Прив’язка прокрутки», і для нього потрібно було ввімкнути експериментальний прапорець chrome://flags. Причиною виникнення цієї проблеми є «поступове завантаження» веб-вмісту, яке дозволяє користувачам взаємодіяти з веб-сторінкою до того, як вона повністю завантажиться. Однак це часто призводило до завантаження вмісту поза екраном через кілька секунд після початку взаємодії користувача з веб-сторінкою, виштовхуючи вміст, який зараз відображається на екрані, і часто призводить до неправильні натискання. Тепер функція, яка це виправляє, прив’язка прокрутки, нарешті ввімкнена для всіх користувачів, починаючи з Chrome версії 56.

Ця функція називається прив’язкою прокручування, оскільки, якщо її ввімкнути, Chrome заблокує поточну позицію прокручування на елементі на екрані, тоді як вміст поза екраном продовжує завантажуватися, що має запобігти неочікуваній сторінці стрибки. Google стверджує, що після впровадження прив’язки прокрутки ця функція запобігає «приблизно трьом переходам сторінок на перегляд сторінки», що вже є значним покращенням.

Однак не всі веб-елементи добре працюють із цією функцією, як незабаром виявили багато з нас, хто ввімкнув експериментальну функцію минулого року. Деякий веб-контент працюватиме неправильно, якщо користувач увімкне прив’язку прокручування, але для них це робить Google представлено нову властивість CSS під назвою "overflow-anchor", яку веб-розробники можуть застосувати для перевизначення прокручування анкерування.

Кажуть, що нова функція прив’язки прокрутки від Google буде доступна для Chrome версії 56 і новіших, що означає, що її слід увімкнути в стабільний, бета-версія, канали для розробників і канали Canary, але якщо ви не помічаєте цю функцію, ви можете ще раз перевірити, чи ввімкнено її за допомогою обклеювання chrome://flags/#enable-scroll-anchoring у ваш адресний рядок. Параметр за замовчуванням, установлений Google, увімкне цю функцію, але немає шкоди вручну ввімкнути її тут.


Джерело: Chromium Blog