iscroll.js的使用

1.引入文件：

2.加入css样式：

    

3.dom结构：

    

    

        

            

                Pull down to refresh...
            
            

                
Pretty row 1
                
Pretty row 2
                
Pretty row 3
            
            

                Pull up to refresh...
            
        
    

4.js代码：

scroll的一些方法的应用：

（1）. myScroll.refresh(); //在DOM树发生变化时，应该调用此方法。例如搜索后，dom渲染后，刷新滚动条的高度，防止前一个搜索结果太多，后一个搜索结果少，导致后一个滚动条太长，看不见搜索结果的问题

（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及其占用的内存空间

myscroll.destroy();