2016-10-04 47 views
3

所以我在我的第二個Angular JS項目,它由一個長列表視圖和一個詳細視圖組成。 (通過官方教程思考英雄榜榜樣)。如何保留角度2列表中的滾動位置?

每次向下滾動到列表並打開詳細視圖並從詳細視圖中單擊「返回」時,列表重新加載,滾動位置丟失,這意味着我需要再次滾動一下。

有沒有什麼辦法可以保留前一個視圖的滾動位置?

謝謝

+1

只需將其保存到在此類導航期間保持活動狀態的共享服務,然後將其設置爲先前保存的位置即可。目前沒有Angular2的特別支持。 –

+1

對我來說聽起來像是一個很有前景的計劃,但還是會等待一些更好的支持答案。謝謝 – TypingPanda

+1

參見https://github.com/angular/angular/issues/10929。這可能也很有趣https://github.com/angular/angular/issues/7791 –

回答

0

我能看到的唯一方法就是使用z-index。爲您的列表和詳細信息製作兩個單獨的div。當您轉到詳細信息時,請使用z-index隱藏列表視圖,以及何時返回列表視圖重置z-index。這樣你就不會鬆動滾動位置。