2016-10-04 49 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。这样你就不会松动滚动位置。