浏览器滚动的两种方式

1， auto： 默认值， 平时我们网页上看到的滚动就是auto这个属性

2，smooth：平滑滚动

保证兼容性进行如下设置：

html,body{
  scroll-behavior: smooth;
}

平时我们想要简单的锚点跳转达到平滑滚动的效果，设置此属性便可轻松解决~~~~~~当然你也可以利用动画通过设置scrollTo()来实现平滑滚动，而且动画可以实现复杂的逻辑判断进而达到实现平滑滚动的效果

还有一个h5之scrollIntoView，element.scrollIntoView(true)可以控制页面元素滚动到可视区域