文章预览
几乎每个前端开发都应该用过这个滑动组件库吧?这就是大名鼎鼎的 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 ,前者是用来定义吸附的方向和吸附程度的,设
………………………………