07.移动端类库

 

iScroll.js

一个能够实现客户端原生滚动效果的类库。

一、下载iScroll

二、build目录下提供了不一样版本的iScroll，可根据状况选择使用

三、html要求有3层结构以下图

四、获取wrapper这个最外层结点，而后实例化，以下图

swipe.js

一、下载swipe.js

二、html结构要求有三层结构，以下图

3.须要一些基础CSS样式，这些样式要对应到html结构上，以下图

四、获取swipe元素，而后实例化，以下图

 

swiper.js

一、下载swiper.js，

二、其中文网站很是详细介绍了其使用方法

 

fastclick.js

在移动设备上为了提高click的响应速度，咱们选择了使用Zepto事件封装的tap来进行模拟，可是这会带来一个反作用，这个反作用就是“点透”，咱们经过一个例子来解释“点透”

从上能够看出Zepto.js有不完善的地方，而且咱们有时也但愿咱们的移动版页面在PC端上也可用，可是PC端是不支持touch事件的，这时咱们面临的问题是即提高click在移动设备上的响应速度，又不能使用Zepto.js的tap事件，这时fastclick能够解决这个问题。

如图实际应用的场景，当点击半闭按钮时，若是下面有click事件或连接则会被触发。

一、下载fastclick

二、引入lib目录下的fastclick.js

二、调用方法便可，以下图