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);
                    }

                }
            });
 

頁面部分

<div id="wraphome" class="scroll">
     <div class="scroll-inner">
          <div class="fliptop">鬆手開始載入...</div>
          <div class="list">
               .............
          </div>
          <div class="flipdown">鬆手開始載入...</div>
     </div>
</div>