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

  • 相关阅读:
    R语言ENTREZID ID 转换 gene SYMBOL
    annvar下载数据库的网址
    R语言实现定性资料的秩和检验
    如何获得FPKM/RPKM计算需要的基因长度(考虑exon之间的overlap)
    linux和windows中文显示乱码问题
    从一篇nature medicine文章的得到的可用于文献画图的19种16进制颜色码
    简单将ggplot多个图排列在一起
    python通用读取vcf文件的类(可以直接复制粘贴使用)
    ROCR包中ROC曲线计算是取大于cutoff还是大于等于cutoff
    tinyproxy 反向代理无法上网原因
  • 原文地址:https://www.cnblogs.com/j2ee-web-01/p/7285979.html
Copyright © 2011-2022 走看看