如何在角度为2+的元素上调用scrollIntoView

我想在组件中的HTML元素上调用scrollIntoView。如何在角度为2+的元素上调用scrollIntoView

在angular.js 1,我可以做这样的事情在控制器:

var element = $window.document.getElementById(id); 

element.scrollIntoView({ behavior: "smooth", block: "start" });

我怎样才能做到在角2+是一回事吗?上它

<p #myElem>Scroll to here!</p> 

然后创建与属性ViewChild的成分的属性,并调用.nativeElement.scrollIntoView

回答:

首先添加模板参考变量中的元素(#myElem

export class MyComponent { 

@ViewChild("myElem") MyProp: ElementRef;

ngOnInit() {

this.MyProp.nativeElement.scrollIntoView({ behavior: "smooth", block: "start" });

}

}

以上是 如何在角度为2+的元素上调用scrollIntoView 的全部内容, 来源链接: utcz.com/qa/260159.html

回到顶部