【问题标题】:How to make Angular 2 remember scroll position?如何让 Angular 2 记住滚动位置?
【发布时间】:2017-02-24 13:24:06
【问题描述】:

我在第 1 页,我滚动页面的一半,然后单击一个链接,通过 Angular 路由器将我带到第 2 页。当我点击“返回”按钮时,我希望将第 1 页向下滚动一半,就像我离开该页面之前一样。

最简单的方法是什么?

【问题讨论】:

  • 也许您可以创建服务,在该服务中您将在组件 ngDestroy 上写入最后滚动位置和“pageId”,并在下一次在 ngInit 上检查是否有滚动位置。
  • 听起来是一个合理的解决方案。我想知道 Angular 是否有一种“开箱即用”的方式通过一些路由器配置来做到这一点,因为这是我们在使用路由器时丢失的默认浏览器行为。

标签: angular scroll angular2-router


【解决方案1】:

ngOnDestroy()中保存到localStorage滚动位置,在ngOnInit()中恢复

【讨论】:

  • 谁能解释为什么这被否决了?是因为答案如此简洁以至于几乎无济于事,还是因为它是解决问题的不好方法?我正在尝试解决类似的问题,我真的希望反对者发表评论...
  • 我做了类似的事情。我没有将其保存在 localStorage 中,而是编写了自己的服务。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-03-11
  • 2014-10-30
  • 1970-01-01
  • 2012-09-26
  • 2020-09-24
  • 2013-09-21
  • 1970-01-01
相关资源
最近更新 更多