文章内容

2020/5/13 10:11:07,作 者: 黄兵

Angular scroll top demo

<a class="scroll-to-top" id="backTopBtn" (click)="scrollTop($event)"></a>


export class ScrollTopComponent {
  scrollTop(e) {
    const scrollToTop = window.setInterval(() => {
      const pos = window.pageYOffset;
      if (pos > 0) {
        window.scrollTo(0, pos - 20); // how far to scroll on each step
      } else {
        window.clearInterval(scrollToTop);
      }
    }, 10);
  }
}

设置了一个定时器,10ms滚动到顶部。

分享到:

发表评论

评论列表