Two Way Of Fluent Scroll

CSS 的scroll-behavior: smooth

优点：没有 JS 代码，纯 CSS 实现。设置简单。

缺点：目前兼容性不好，只能支持 FireFox 36, Chrome61 以上版本的浏览器

demo 地址

实现方式：在 container 的 div 里使用scroll-behavior: smooth 即可。另外，当使用滚动条滚动网页时，两个 section 都出现在 viewport 里，为了使其自动向下或向上滑移。需要在 container 里设置scroll-snap-type: y mandatory, 在 section 里设置scroll-snap-align: center

smooth-scroll JS 库

按照文档提示操作即可