开发 H5 滑动

1.最有名

打造丝般顺滑的 H5 翻页库
https://juejin.cn/post/6844903507405848589

Swiper 代码
https://github.com/fex-team/swiper

涨芝士：swiper在原生H5中的灵活运用
https://blog.csdn.net/weixin_43900414/article/details/108003748

H5 Swiper使用须知
https://www.jianshu.com/p/1529baa08e8e

H5——必备之使用swiper.js、常规且带点好看配置
https://blog.csdn.net/weixin_45629623/article/details/115289480

2.其他参考的不多的

H5案例分享：移动端touch事件判断滑屏手势的方向
https://www.cnblogs.com/yangmengsheng/p/5973487.html

H5单页面手势滑屏切换原理
https://www.cnblogs.com/onepixel/p/5300445.html

移动端滑屏 touch事件
https://www.h5anli.com/articles/201606/swipetouch.html

 

2025.1.23

今天完成图片文字的动画效果，之前 swiper 稍微说一些。就是您先确定翻页的代码，也是 new swiper。

然后，每个页面用一个 div 包起来。

 

关于“动画”

首先，你想好要什么效果；

其次，命名对象的ID；

再者，给予 ID 动作。

 

细节在于，滑动动作开始那一刻先隐藏。

 

参考：

 

基于swiper的移动端H5页面,丰富的动画效果
https://www.cnblogs.com/demodashi/p/8491130.html

Swiper Events(事件) - reachEnd(swiper)
https://www.swiperjs.net/swiper-doc/reach-end.html

[h5年度报告] 1.2使用 swiper和swiper anime实现简单h5滑动动画页面
https://blog.csdn.net/LVtomatoJ/article/details/119654914

菜鸟 slideToggle
https://www.runoob.com/try/try.php?filename=tryjquery_slide_toggle