解釋
現代瀏覽器陸續意識到了這種需求，scrollIntoView意思是滾動到可視，css中提供了scroll-behavior屬性，js有Element.scrollIntoView()方法。
scroll-behavior
scroll-behavior屬性可取值auto|smooth|inherit|unset
scroll-behavior: smooth;是我們想要的緩沖效果。在PC瀏覽器中，頁面默認滾動是在標簽上，移動端大多數在標簽上，在我們想要實現平滑“回到頂部”，只需在這兩個標簽上都加上：
html,body{
scroll-behavior:smooth;
}
准確的說，寫在容器元素上，可以讓容器（非鼠標手勢觸發）的滾動變得平滑，而不局限於，標簽。
利用這個css屬性可以一步將原來純css標簽直接切換，變成平滑過渡切換效果。