如何在angular2中实现平滑的窗口滚动

Question

对于窗口滚动，目前我在 angular2 中使用 window.scrollTo()。在angular2中实现平滑滚动的任何其他方式。

Answer 1

1. 仅适用于 Chrome、Firefox、Opera：

   html{
     scroll-behavior: smooth;
   }
   

2. 适用于所有浏览器：npm install scroll-behaviour

   组件.ts

   smoothScroll(element) {
     (document.querySelector(element)).scrollIntoView({behavior: 'smooth', block: 'start'});
   }
   

   component.html

   <a (click)="smoothScroll('#about-sector')"> About</a>