使窗口滚动到通过角度路由器加载的新视图

Question

例如我有一个导航菜单，当我点击它时，新视图会被加载到我的英雄横幅下，当点击它时，我希望窗口自动滚动到新加载的视图，我就是; d喜欢在一段时间内完成的滚动。

这是一张照片 当我点击菜单时，我希望它滚动到菜单的div的开头，对于第二个图像是相同的。

Answer 1

您可以使用库ng2-smooth-scroll来实现它。

<a routerLink="/yourlink"
  scrollTo="your-element"
  duration="800">
  Click me!
</a>
...
<router-outlet id="your-element"></router-outlet>