CSS Scroll Snap 了解一下

CSS Scroll Snap，允许开发者在用户完成滚动后将视窗锁定在特定的元素或位置。它适用于构建像下面这样的交互： Snap 这个词我找不到合适的中文翻译，大家可以想像一下 iOS 时间选择组件，在滚动的时候会有咔嗒咔嗒的效果，滚动完成时会锁定元素，不会出现元素只显示一半的情况。 目前大多主流浏览器都支持 CSS Scroll Snap，如果想在较老的浏览器上支持它，就要使用一个 JS 插件：

>>阅读原文<<