Угловая бесконечная прокрутка: перезагрузка страницы

Question

Я покажу вам вариант использования с угловым & ng-infin. Я прокрутил на 2 страницы, поэтому у меня есть страницы 1, 2 и 3, загруженные в мой SPA. URL-адрес отражает навигацию по странице, поэтому страница = 3.

Теперь я хочу обновить страницу: я бы хотел иметь на моей странице только элементы страницы = 3. Проблема заключается в том, что браузер запоминает предыдущую позицию прокрутки страницы, перезагруженной.

Так вот что происходит: элементы страницы = 3 правильно загружены (ОК), браузер запоминает позицию прокрутки, она переходит в эту позицию (нижняя страница), и это вызывает nginfinite -> ajax-вызов для страницы = 4 (НЕ В ПОРЯДКЕ).

Если бы я был наверху страницы перед обновлением страницы, обновление страницы не вызовет nginfinite.

Так как это зависит от положения прокрутки страницы до того, как оно было переустановлено. Я пробовал с window.scroll(0,-500000) без успеха.

Любые предложения?

Answer 1

Я думаю, вам кажется, что вам нужно какое-то время в браузере, чтобы помочь вам в этом.

Когда вы обновляете страницу, вы теряете все, что знаете о приложении, перед перезагрузкой, и поэтому вы не можете отличить от обычного поведения в первый раз и нежелательного поведения перезагрузки.

Введите текущий номер страницы в localStorage и проверьте localStorage, когда ваше приложение запускается после перезагрузки.