我們以往實現平滑滾動往往用的是jQuery, 如實現平滑回到頂部，就寫如下代碼：
$(‘.js_go_to_top‘).click(function () {
$(".js_scroll_area").animate({scrollTop: 0}, 600);
});
我們現在可能通過css實現這一功能了，只需要添加一句樣式即可：
scroll-behavior:smooth
兼容情況可以點擊這里查看。
攝圖網https://www.wode007.com/sites/73204.html VJ師網https://www.wode007.com/sites/73287.html
scroll-behavior的使用你就記住這么一句話——
凡是需要滾動的地方都加一句scroll-behavior:smooth就好了！
你別管他用不用得到，也不用管瀏覽器兼容性如何，你都加上。這就像一個不要錢的免費抽獎，沒有中獎，沒關系，又沒什么損失，中獎了自然好，錦上添花！scroll-behavior:smooth就是這種尿性。
舉個例子，在PC瀏覽器中，網頁默認滾動是在<html>標簽上的，移動端大多數在<body>標簽上，業界瀏覽器的css reset都可以加上這么一條規則：
html, body { scroll-behavior:smooth; }