iscroll.js主要是一款屏幕滚动常用到的框架，其又分为五个小的插件。

(1) isscroll.js

它是通用脚本。包括最常用的功能，并在小占用带宽的同时提供非常高的性能。

(2) iscroll-lite.js

它是主要脚本的精简版本。适合于移动端设备。

(3) iscroll-probe.js

探测当前的滚动位置，正在测试阶段。

(4) iscroll-zoom.js

添加缩放到标准滚动。

(5) iscroll-infinite.js

可以无限次和缓存滚动，处理非常长的元素列表，不适用移动端。

构建页面和导入iscroll.js:

第一步:构建html页面

<div id="wrapper"><ul><li>...</li><li>...</li>...</ul></div>

第二步:启用js脚本

<script type="text/javascript">var wrapper = document.getElementById('wrapper');var myScroll = new IScroll(wrapper);

第三步:引入js文件

<script type="text/javascript" src="iscroll.js"></script>

第四步:现在我们基本的功能就实现了，如果有什么需要可以查看其API进行修改，api修改代码在第二步的基础上修改

var myScroll = new IScroll(wrapper,{//在这里面写修改的代码});

​ API请自行查找scroll.js官网

赏

谢谢你请我吃糖果

支付宝