Пример 1: Проблема с загрузкой контента

Прокрутите контейнер так, чтобы абзац «3. Здесь читатель остановился.» был в зоне чтения и немного касался верхнего бордера, затем нажмите кнопку "загрузить рекламу". Обратите внимание, что контент в блоке баннера не прыгнул.

Если выключить Scroll Anchoring, то контент в блоке баннера прыгнет. Для проверки нажмите кнопку "Сбросить демо", включите галочку "Отключить Scroll Anchoring" и повторите эксперимент.

1. Очень важный текст, который читает пользователь. Здесь уже есть контекст и мысль.

2. Продолжение текста. Пользователь спокойно читает дальше без ожидания подвоха.

3. Здесь читатель остановился.

4. Еще текст о том, как важна стабильная прокрутка при динамической загрузке интерфейса.

5. Дополнительный абзац для прокрутки внутри контейнера и более реалистичного сценария.

6. Если выше внезапно появится блок, без якорения контент заметно "поедет".

7. Scroll Anchoring старается удержать текущую точку чтения пользователя.

8. Это особенно важно для чатов, новостных лент и комментариев.

9. Предпоследний абзац в демо-контейнере.

10. Конец контента. Теперь нажмите кнопку ниже.

Статус: реклама не загружена.