如何实现类似于angular.io网站的滚动功能

时间:2018-08-16 18:28:03

标签: angular

我有一个要求,我需要在页面的一侧有一个列表,而在另一侧则有一个内容。在单击任何列表项时,该项目将获得活动的类,其内容将滚动到顶部。同样,如果我们滚动内容,则相应的列表项应突出显示。它将类似于https://angular.io/guide/quickstart,在此情况下,一旦滚动,活动项目就会随着滚动而改变。

1 个答案:

答案 0 :(得分:0)

如果您使用的是angular 6.1,则可以使用

路由器滚动器

  

路由器滚动条提供与滚动到   角路由器。使用Router Scroller,您可以执行以下操作。

要实施此检查:https://medium.com/lacolaco-blog/introduce-router-scroller-in-angular-v6-1-ef34278461e9

如果您使用的是角度5,请参考ref tgis exmaple:https://stackblitz.com/edit/angular-scroll-spy-routing