①是 CSS 中一个独立的模块，可以让网页容器滚动停止的时候，自动平滑定位到指定元素的指定位置，包含 scroll-* 以及 scroll-snap-* 等诸多 CSS 属性；
②虽然 Scroll Snap 最后的定位效果是平滑的，但是 Scroll Snap 的作用不是平滑滚动，而是元素定位增强。要想实现平滑滚动，请使用 CSS scroll-behavior 属性；
③Scroll Snap 模块相关 CSS 属性可以分为两拨，一拨作用在滚动容器上，一拨作用在你希望有滚动定位点的子元素上；
④作用在滚动容器上：scroll-snap-type、scroll-snap-stop；
⑤作用在定位子项上：scroll-snap-align；
⑥作用在容器上的 scroll-padding 相关属性以及作用在子元素上的 scroll-margin 相关属性都是用来调整定位点的位置的，与定位效果没有必然关系；
⑦scroll-snap-type 作用就是确定是水平滚动定位，还是垂直滚动定位。
none：默认值。表示滚动时候忽略捕捉点，也就是我们平时使用的滚动；
x：捕捉水平定位点；
y：捕捉垂直平定位点；
block：捕捉和块状元素排列一个滚动方向的定位点。默认文档流下指的就是垂直轴；
inline：捕捉和内联元素排列一个滚动方向的定位点。默认文档流下指的就是水平轴；
both：横轴纵轴都捕捉；
mandatory：表示 “强制”，可选参数。强制定位，无论是添加删除元素，或者滚动窗口较小，不足以放下子元素；
proximity：表示 “大约”，可选参数。可能会定位；
⑧scroll-snap-stop 表示是否允许滚动容器忽略捕获位置。
normal：默认值。可以忽略捕获位置；
always：不能忽略捕获位置，且必须定位到第一个捕获元素的位置，可以保证我们每次只能滚动一屏，或者一个指定元素，而不会一下子滚多屏或多个元素；
⑨scroll-snap-align 是作用在滚动容器子元素上的，表示捕获点是上边缘，下边缘，还是中间位置，支持同时使用两个属性值。
none：默认值。不定义位置；
start：起始位置对齐，例如，垂直滚动，子元素和容器同上边缘对齐；
end：结束位置对齐，例如，垂直滚动，子元素和容器同下边缘对齐；
center：居中对齐。子元素中心和滚动容器中心一致；
（参考：www.zhangxinxu.com/wordpress/2…
