IScroll5（左、右、上、下）滑动插件-说明参数与例子

IScroll5 参数说明和调用方法

http://www.tuicool.com/articles/vMn2u2

通用方法：

（1）refresh                          在DOM树发生变化时，应该调用此方法

　　　　　　eg: setTimeout(function () { myScroll.refresh(); }, 0); 

     （2）iScroll还提供了scrollTo, scrollToElement和scrollToPage三个方法让你能够通过javascript来控制滚动效果。

　　　　scrollTo(x, y, time, relative)：在指定的time时间内让内容滚动条x/y的位置。如myScroll.scrollTo(0, -100, 200) 在200毫秒内Y轴向下滚动100像素。 myScroll.scrollTo(0, 10, 200, true)可以实现相对当前位置在200毫秒内Y轴向上滚动10像素的效果。

　　　　scrollToElement(element, time)：在指定的时间内滚动到指定的元素。如myScroll.scrollToElement('li:nth-child(10)', 100) 在100毫秒内滚动到第10个li元素的位置。第1个参数可以用CSS3中的选择器来筛选元素。

　　　　snapToPage(pageX, pageY, time)：在200毫秒内从第1页滚动到第2页（0代表第1页，1代表第2页）。这个使用SNAP功能的时候可以调用这个函数。

     （3）detroy()                       完全消除myscroll及其占用的内存空间
                eg: myscroll.destroy();

　　　　　　　　myScroll = null;

 原文来：http://www.cnblogs.com/duanhuajian/archive/2013/04/08/3008323.html

 

 

 

 第一个例子：

线上效果为：http://www.17sucai.com/pins/12378.html

本地效果为：app/plug/iscroll/list_iscroll.html

 

第二实例：html下拉刷新上拉加载Refresher3.0

本地效果为:app/plug/iscroll/iscroll5.html

线上效果为：http://www.jq22.com/jquery-info4469