Как запустить функцию сразу после восстановления позиции прокрутки в окне браузера?

Question

После перезагрузки страницы (или изменения состояния истории) браузер по умолчанию восстанавливает положение прокрутки. В некоторых браузерах это происходит с задержкой (прокрутка перескакивает сверху в постоянное положение). Как лучше всего запустить обратный вызов сразу после установки начальной позиции прокрутки?

Answer 1

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

Вы должны быть в состоянии обнаружить это в его событии resize . Однако, если вы хотите правильно инициализировать или загрузить контент, вы действительно хотите знать, когда элемент станет видимым - для этого вы можете использовать IntersectionObserver .

Лично я нахожу быстрый и простой способ предотвратить мигание / скачки при загрузке контента - просто применить к нему анимацию CSS, и браузер обнаружит инерсекцию за вас.