See the Pen CSS Scroll Snap by kmmoonlight (@kmmoonlight) on CodePen.

全屏滚动总结下来就只有两个属性，scroll-snap-type和scroll-snap-align。在父元素上面添加scroll-snap-type属性，并设置为y mandatory，意思是在视窗滚动过程中，如果滚动最终没有停留在子元素指定的位置，强制视窗去对齐到指定位置。同样如果是水平滚动，可以设置为x mandatory。然后在子元素上面设置scroll-snap-align，它的值有start end center，意思是指定对齐位置在子元素的顶部（垂直滚动下），底部或者中间。

另外父元素设置-webkit-overflow-scrolling: touch;来优化在移动端下的体验。