如果只是写简单的效果,直接给页面上的body绑定一个swipeup事件swipedown事件来自己写动画切换(如果需要zepto.js支持jquery类似的动画效果需要继续添加额外的fx.js)
Zepto.js 是专门为现代智能手机浏览器推出的 Javascript 框架, 拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点：
1、大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小。
2、虽然体积小，但是功能很齐全, 多出来了一些触摸屏的事件 ,用它来开发iPhone和Android网页是首选， 但它不支持IE。
3、Zepto是jQuery的精简，针对移动端去除了大量jQuery的兼容代码。
4、因为精简，所以Zepto核心库的性能要比jQuery优秀。
扩展资料
zepto.js和jquery.js的主要区别：
1、用途方面
Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。
jquery主要是用在电脑的网页中，插件丰富，代码简洁，最关键的是更新快，有最好的dom选择器而被广泛被使用。
2、API方面
大多数在jQuery中常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。
因为Zepto的API大部分都能和jQuery兼容，所以用起来极其容易，如果熟悉jQuery，就能很容易掌握Zepto。
3、兼任性方面
Zepto 希望在所有的现代智能手机浏览器中作为一种基础环境来使用。 Zepto 不支持旧版本的 Internet Explorer浏览器。
jquery是目前最流行的javascript框架，它兼容全部主流浏览器。
自学web前端你可以根据自己的实际情况看视频，现在培训机构都有web前端的视频，学习web前端就是“三多”多思考、多敲、多问 不懂的东西一定要问，过来的人肯定有自己的经验，站在巨人的肩膀上你肯定比一般人看得更远更多。还有就是多敲，键盘敲烂，薪资过万。推荐给你一个学习的路线图：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
前端学习路线图
这个学习路线图你按照顺序学习就可以了，希望对你有帮助。
