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

Question

对于窗口滚动，目前我在angular2中使用window.scrollTo（）。是否有任何其他方法可以在angular2中实现平滑滚动。

Answer 1

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

   html{
     scroll-behavior: smooth;
   }
   

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

   component.ts

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

   component.html

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