我希望能够在按下按钮时滚动到目标。我在想这样的事情。
<button (click)="scroll(#target)">Button</button>
而在我的component.ts
像这样的方法。
scroll(element) {
window.scrollTo(element.yPosition)
}
我知道上面的代码无效,但只是为了展示我的想法。我刚刚开始学习 Angular 4,之前没有任何 Angular 经验。我一直在寻找类似的东西,但所有示例都在 AngularJs 中,这与 Angular 4 有很大不同
你可以这样做:
<button (click)="scroll(target)">Scroll To Div</button>
<div #target>Your target</div>
然后在你的组件中:
scroll(el: HTMLElement) {
el.scrollIntoView();
}
Edit:我看到评论指出,由于元素未定义,这不再有效。我创建了一个StackBlitz 示例 https://stackblitz.com/edit/angular-scroll-local-variable在 Angular 7 中它仍然有效。有人可以提供一个不起作用的例子吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)