原生js 平滑滾動到頁面的某個位置

window.scrollTo()

語法1: 

　window.scrollTo(x-coord,y-coord)

• x-coord 是文檔中的橫軸座標。
• y-coord 是文檔中的縱軸座標。

例子：

　　window.scrollTo(0,1000); // 垂直滾動到1000的位置

語法2：

　window.scrollTo(options)

• top 等同於  y-coord
• left 等同於  x-coord
• behavior  類型String,表示滾動行爲,支持參數 smooth(平滑滾動),instant(瞬間滾動),默認值auto,實測效果等同於instant

 例子：

window.scrollTo({   top: 1000,   behavior: "smooth" });

 若是某個元素滾動到某個位置，也能夠用以上方法：

　　document.querySelector('.className').scrollTo()