Swiper+JS 上拉刷新

         JS

       // 上拉刷新
            
            var page = 2;
            var isAjax = true;//加載數據前狀態
            $("#dataTable,#AuditthroughDt,#AuditrejectedDt,#CancelDt,#CancelDtA,#UnauditedDt").scroll(function () {
               var viewH = $(this).height();//滾動區域可視區域
                var contentH = $(this).get(0).scrollHeight;//滾動區域內容實際高度
                var scrollTop = $(this).scrollTop();//滾動條高度
                var freshH = contentH - viewH - scrollTop;
                var timer;
               
          
                if (isAjax && freshH == 0) {
                    if (finished == false) {
                        isAjax = false;//加載數據中狀態
                        $('.dropload-down').css('display', 'block');                
                                                
                            AjaxOrderList(page, orderState);
                            page++;
                            $('.dropload-down').css('display', 'none');
                            $(dom).scrollTop(contentH);
                            isAjax = true;//數據加載完後，從新賦值爲初始狀態
                                    
                    }

                }
            });

 

 

html:

 <div class="content">
            <div class="swiper-container" id="swiper-container1">
                <div class="swiper-wrapper" id="orderState">
                    <div class="swiper-slide hascolor" title="-1">所有訂單</div>
                    <div class="swiper-slide" title="1">已審覈</div>
                    <div class="swiper-slide" title="2">審覈駁回</div>
                    <div class="swiper-slide" title="3" >訂單取消</div>
                    <div class="swiper-slide" title="4">取消申請中</div>
                    <div class="swiper-slide" title="5">待審覈</div>
                </div>
            </div>

 

 <div class="swiper-slide">
                        <div id="AuditthroughDt" data-type="1" class="allOrder  yscroll">

                            <div id="AuditDiv">
                                  <ul id="AuditDiv1"></ul>
                            </div>
                      
                        <div class="dropload-down" style="display:block;">
                                <div class="dropload-load">
                                    <span class="loading"></span>加載中...
                                </div>
                          </div>

                                                      
                        </div>
 </div>

許多類此的DIV