ReimuD的博客

原创 CSS代码实现滚动贴合效果

大部分人基本上都会使用JS实现页面的滚动贴合效果，在学习的过程中，偶然发现原生CSS实现滚动贴合效果的方法，故分享。垂直滚动贴合相关代码：核心代码：scroll-snap-type：y mandatoryscroll-snap-align:starty轴为纵向滚动贴合，mandatory为强制滚动，用户只要滚动滚动条，就能够自动滚动贴合到内元素的顶部。将y改为x，也可以进行水平方向的滚动贴合。将mandatory改成proximity，可以让元素离贴合点小于一定距离才会自动.