如何在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>