我們以往實作平滑滾動往往用的是jQuery, 如實作平滑回到頂部，就寫如下代碼：
$(\'.js_go_to_top\').click(function () {
$(".js_scroll_area").animate({scrollTop: 0}, 600);
}); 我們現在可能通過css實作這一功能了，隻需要添加一句樣式即可：
scroll-behavior:smooth 相容情況可以點選這裡檢視。
scroll-behavior
的使用你就記住這麼一句話——
凡是需要滾動的地方都加一句scroll-behavior:smooth就好了！
你别管他用不用得到，也不用管浏覽器相容性如何，你都加上。這就像一個不要錢的免費抽獎，沒有中獎，沒關系，又沒什麼損失，中獎了自然好，錦上添花！
scroll-behavior:smooth
就是這種尿性。
舉個例子，在PC浏覽器中，網頁預設滾動是在
<html>
标簽上的，移動端大多數在
<body>
标簽上，業界浏覽器的CSS reset都可以加上這麼一條規則：
html, body { scroll-behavior:smooth; } 參考文章：
CSS scroll-behavior和JS scrollIntoView讓頁面滾動平滑