专栏名称: 全栈修仙之路
专注分享 TS、Vue3、前端架构和源码解析等技术干货。
目录
相关文章推荐
今天看啥  ›  专栏  ›  全栈修仙之路

终于可以不用 swiper.js 了!

全栈修仙之路  · 公众号  ·  · 2024-08-16 08:36

文章预览

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

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览