偶然间看到一个用CSS写的滚动式日期选择组件，里面有个很有趣的效果，不论怎么滚动，必定会出现一组恰好在指定位置的数据，在印象里，CSS是无法操控滚动行为的。
检察元素发现了一个有趣的属性scroll-snap-type，MDN解释为用于滚动容器，说明滚动的类型和方向。
既然如此，它是否可以制作全屏滚动效果呢？
.parent {
height: 100vh;
scroll-snap-type: y mandatory;
overflow-y: scroll;
}
.child {
scroll-snap-align: start;
height: 100vh;
}本文链接：https://note.lilonghe.net/post/css-scroll-snap.html
-- EOF --
作者
lilonghe
发表于2021-02-05 09:58
，添加在分类
Technology
下
署名-非商业性使用-禁止演绎 (CC BY-NC-ND 4.0)
Copyright ©2015-2024 lilonghe. All rights reserved.