如何使用ng2-page-croll滚动加载路线,然后滚动

时间:2016-11-28 02:31:25

标签: angular web routing anchor

通过我的网站设置my-app加载标题+导航+页脚。在内容中,我使用router-outlet根据当前路由加载视图。

我的一些导航虽然使用页面滚动(锚点),但滚动到主页上的各个部分。

我使用NG-Page-Scroll并且效果很好,但是当我在不同的路线时,这些锚链接可供我使用。如何使用这些链接到A,路由到“主页”页面,然后滚动到相应的部分。

导航  无铅 - >去往'nonlead'的路线  新闻 - 在“回家”路线中滚动新闻  aboutus - 在'home'的路线中滚动到aboutus  事件 - 滚动到'home'路线中的事件  日历 - 在“主页”路线中滚动到日历  加入我们 - >加入路线

在Joinus或Nonlead中,如何通过转到主路线然后滚动到该部分来使其他链接工作。

https://github.com/munroAllie/HWA

1 个答案:

答案 0 :(得分:2)

我可能过早地问过这个问题,ng-page-scroll上的文档说明在href之前使用RouterLink。

<li><a class="icons news" pageScroll [routerLink]="['home']" href="#news"><span>News</span></a></li>