zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    python求3的倍数与和
    linux内核优化参数
    ssh 调优参数
    mysql xtarbackup备份脚本
    mysql全库备份数据库脚本
    python json模块
    python函数介绍
    字典常用操作
    python常用字符串操作
    最好的10本适用于初学者阅读的javaScript和jQuery书籍
  • 原文地址:https://www.cnblogs.com/j2ee-web-01/p/7285979.html
Copyright © 2011-2022 走看看