Angular 角度-按钮滚动到顶部
我开发了一个图像库。有没有一种方法,当在页面上滚动时,我会看到一个按钮,当我点击它时,所有的滚动都会出现在顶部(页面的开头) 我已经测试了一些我发现的案例,但到目前为止都没有成功:(有人能帮我吗 代码Angular 角度-按钮滚动到顶部,angular,typescript,scroll,scrolltop,Angular,Typescript,Scroll,Scrolltop,我开发了一个图像库。有没有一种方法,当在页面上滚动时,我会看到一个按钮,当我点击它时,所有的滚动都会出现在顶部(页面的开头) 我已经测试了一些我发现的案例,但到目前为止都没有成功:(有人能帮我吗 代码 <ul class="mdc-image-list my-image-list" style="padding-left: 10px;padding-right: 10px;"> <li class="mdc-image-list__item" *ngFor="le
<ul class="mdc-image-list my-image-list" style="padding-left: 10px;padding-right: 10px;">
<li class="mdc-image-list__item" *ngFor="let product of Images; let j = index;">
<div class="mdc-image-list__image-aspect-container">
<img [src]="product.image" class="mdc-image-list__image">
</div>
</li>
</ul>
-
使用hostListener来监听窗口滚动事件,然后使用angular ViewPortScroller服务,该服务提供了使用该方法滚动到指定位置的方法
试试这个:
组件。ts
@HostListener('window:scroll', ['$event']) onScroll(event){
this.pageYoffset = window.pageYOffset;
}
constructor(private scroll: ViewportScroller) { }
scrollToTop(){
this.scroll.scrollToPosition([0,0]);
}
我认为这可以帮助您这太完美了,谢谢!不客气!