终于可以不用 swiper.js 了！

文章预览

几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的 swiper.js 没想到已经出到 11 个大版本了  https://www.swiper.com.cn/ 当然我也不例外，确实非常全面，也非常强大。 不过很多时候，我们可能只用到了它的 10% 不到的功能，显然是不划算的，也会有性能方面的顾虑。 随着 CSS 地不断发展，现在纯 CSS 也几乎能够实现这样一个 swiper 了，实现更加简单，更加轻量，性能也更好，完全足够日常使用，最近在项目中也碰到了一个 swiper 的需求，刚好练一下手，一起看看吧 一、CSS 滚动吸附 swiper 有一个最大的特征就是滚动吸附。相信很多同学已经想到了，那就是 CSS scroll snap ，这里简单介绍一下。 看似属性非常多，其实 CSS scroll snap 最核心的概念有两个，一个是 scroll-snap-type ，还一个是 scroll-snap-align ，前者是用来定义吸附的方向和吸附程度的，设 ………………………………