在一个组件中,我具有一个导航栏,该导航栏具有滚动到页面上某个元素的功能。
导航栏模板:
<a class="nav-link" (click)="scroll(services)">Services</a>
导航栏组件
scroll(id) {
let el = document.getElementById(id);
el.scrollIntoView();
}
我要滚动到另一个组件中的元素:
<section class="page-section" id="services">
这些组件无关,都是app.component.html的子级。
可以这样做,否则怎么办?
在模板中,您需要将字符串传递给方法:
更改此:
<a class="nav-link" (click)="scroll(services)">Services</a>
对此:
<a class="nav-link" (click)="scroll('services')">Services</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句