角度無限滾動：重新加載頁面

Question

我會告訴你一個使用案例與Angular & ng-infinite。 我滾動了2頁，所以我的頁面1,2和3加載到我的SPA中。 網址反映了頁面導航，所以page = 3。

現在我想刷新頁面：我想在我的頁面中只有頁面= 3的項目。 問題是，瀏覽器記得重新加載頁面的上一個滾動位置。

所以這就是發生了什麼：頁面= 3的項目正確加載（確定），瀏覽器記住滾動位置，它到那個位置（底部頁面），這觸發nginfinite - > ajax調用頁面= 4不好）。

如果我在刷新頁面之前在頁面的頂部，刷新頁面將不會觸發nginfinite。

所以它取決於頁面的滾動位置，它已被重新編碼之前。 我試過window.scroll(0,-500000)沒有成功。

有什麼建議嗎？

Answer 1

我覺得你似乎需要一些瀏覽器持久性來幫助你解決這個問題。

當您刷新頁面時，在重新載入之前會丟失關於應用程序的所有信息，因此您無法從正常的第一次行爲和不希望的重新載入行爲中獲得任何改變。

將您的當前頁碼放入localStorage並在重新加載後啓動應用程序時檢查localStorage。