如何在angular2中實現平滑的窗口滾動

Question

對於窗口滾動，目前我在angular2中使用window.scrollTo（）。是否有其他方式可以在angular2中實現平滑滾動。

Answer 1

1. 僅適用於Chrome，火狐，歌劇作品：

   html{ 
       scroll-behavior: smooth; 
   } 
   

2. 適用於所有的瀏覽器：安裝NPM滾動行爲

   component.ts

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

   組件。 html

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