IScroll基本用法

最新推荐文章于 2024-08-08 07:50:07 发布

weixin_30897079

最新推荐文章于 2024-08-08 07:50:07 发布

阅读量78

点赞数

原文链接：http://www.cnblogs.com/zhaogaojian/p/9482963.html

版权

一、为了防止手机上卡顿：
1、从新设置一下焦点。
2、 <script>try { window.PointerEvent = undefined; } catch (e) { } </script>
二、以下是一个典型的下拉加载数据用法

function loadsroll() {
    if (myScroll == null) {
        
        myScroll = new IScroll('#wrapper', { click: true, preventDefault: true });
        myScroll.on('scrollStart', function () {
            document.activeElement.blur();
        });
        myScroll.on('scrollEnd', function () {
            var tempHeight = 0;
            tempHeight = $("#wrapper").height();
            try {
                var h1 = window.screen.height;
                h1 = h1 - 60;//减去多少根据实际情况判断
                if (tempHeight > h1)
                    tempHeight = h1;
            }
            catch (e) { }
            $("#wrapper").height(tempHeight);
            //判断上拉还是下拉
            if (this.y <= this.maxScrollY) //下拉
            {
                if (isMore === false) { //无数据
                    this.refresh();

                } else {//有数据加载数据
                    $("#divlist").height('');
                    pageIndex = pageIndex + 1;
                    FillList();
                    this.refresh();
                }
            } else {//非下拉仅刷新
                this.refresh();
            }
            //处理最低高度,保证不能小于wrapper高度
            if ($("#divlist").height <= tempHeight) {
                $("#divlist").height(tempHeight+10);
            }

        });
    }
}
loadsroll();