使 window 滚动到通过 angular 路由器加载的新视图

Question

例如，我有一个导航菜单，当我点击它时，新视图会加载到我的英雄横幅下，当我点击它时，我希望 window 自动滚动到新加载的视图，我希望在设定的时间内完成滚动。

这里有一张图片为例当我单击菜单时，我希望它滚动到菜单 div 的开头，第二张图像也是如此。

Answer 1

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

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

Make window scroll to new view being loaded through angular router