阅读背景:

关于在jquery中使用iscorll实现上拉下拉加载刷新的方法

来源:互联网 
实现原理是:判断fiiptop,flipdown是否显示为依据
myScroll = new iScroll('wraphome', {
                fixedScrollbar: true,
                hideScrollbar: true,
                fadeScrollbar: true,
                hScrollbar: false,
                vScrollbar: true,
                onScrollMove: function () {
                    var topstat = $(".fliptop").is(":visible");
                    var downstat = $(".flipdown").is(":visible");
                    if (this.y > 15 && !topstat && !downstat) {
                        $(".fliptop").fadeIn(300);
                    } else if (this.y < 15 && topstat) {
                        $(".fliptop").hide();
                    } else if (this.y < (this.maxScrollY - 25) && !topstat && !downstat) {
                        $(".flipdown").fadeIn(300);
                        this.refresh();  //这里是当显示正在加载中时刷新底部位置
                    } else if (this.y > (this.maxScrollY + 25) && downstat) {
                        $(".flipdown").hide();
                    }
                },
                onTouchEnd: function () {
                    var topstat = $(".fliptop").is(":visible");
                    var downstat = $(".flipdown").is(":visible");
                    if (topstat && !downstat) {
                        $(".fliptop").html("正在加载中……");
                        setTimeout(function(){
                            //此处为你自己的逻辑方法
                        },3000);
                    } else if (downstat && !topstat) {
                        $(".flipdown").html("正在加载中……");
                        setTimeout(function(){
                            //此处为你自己的逻辑方法
                        },3000);
                    }

                }
            });myScroll = ne



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: