Swiper
文章平均质量分 68
Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开
Vinca@
闲暇时间分享自己的项目经验,支持开源,支持分享~
展开
-
nuxt3项目使用swiper11插件实现点击‘’返回顶部按钮‘’返回到第一屏
主要实现点击返回顶部按钮返回至swiper第一个slide。原创 2024-04-17 11:49:23 · 186 阅读 · 0 评论 -
如何在nuxt中优雅使用swiper,实现过渡反向+贴合无缝+循环播放【核心代码分析】
显示屏每次显示swiper-slide的个数,这里建议采用number形式,而不是:slidesPerView="`auto`",如果采用auto会导致swiper freeMode监听都要去计算,会导致卡顿。默认是ease-out,ease-out会导致每次loop停顿一下。循环播放,如果不设置会导致播放回滚,所以这里必须设置为true。通过伪元素实现双边虚化效果,让整体看起来更顺畅美观。每次播放延迟,设置为0表示不延迟。启用反向自动播放,让上下两层形成视觉差效果。这里采用的是scss语法格式。原创 2024-04-02 18:10:03 · 1030 阅读 · 0 评论