常规a标签的锚点定位是比较生硬的,点击后直接就跳转到对应的位置,观感并不太好。
    在这里给大家介绍一个属性,能让页面以一种丝滑的效果滚动到对应的位置上。

    scroll-behavior:代表一个滚动框指定滚动行为

    1. html{ scroll-behavior:smooth }

    该属性有两个值:auto,立即滚动;smooth ,平稳丝滑的滚动。
    默认为auto。

    IE不兼容!