iscroll插件的一些用法

1.下载
如果你机器上没有这个插件，请先下载
地址：http://cubiq.org/iscroll-5

2.使用
下载的文件中有很多例子，直接打开看效果。

3.一些使用细节
因为要实现移动端上拉加载的效果，所以用这个插件，说来也有4-5天了。
要注意几点：
1.上拉向后加载效果实现：
打开例子：pull-to-refresh

function pullUpAction () {
    setTimeout(function () {    // <-- Simulate network congestion, remove setTimeout from production!
        var el, li, i;
        el = document.getElementById('thelist');

        for (i=0; i<3; i++) {
            li = document.createElement('li');
            li.innerText = 'Generated row ' + (++generatedCount);
            el.appendChild(li, el.childNodes[0]);
        }
        
        myScroll.refresh();        // Remember to refresh when contents are loaded (ie: on ajax completion)
    }, 1000);    // <-- Simulate network congestion, remove setTimeout from production!
}

其中，li中加入元素后
myScroll.refresh(); 刷新

如果是用ajax 来加载新数据，请一定将异步刷新改成同步。

如果要滚动条返回 某个位置用
myScroll.scrollTo(0,-700,1000);

在1秒钟内，滚动到 下拉700 的位置


2.如果是同步提交，页面先于数据更新，也可以用
checkDOMChanges: true,
来实现页面重载。