framework7-下拉刷新

官网地址：http://old.framework7.cn/Index/pull_to_refresh.html

效果

 

一：页面部分 

 <div class="page-content pull-to-refresh-content" data-ptr-distance="55">  
  <!-- Default pull to refresh layer-->
  <div class="pull-to-refresh-layer">
      <div class="preloader"></div>
      <div class="pull-to-refresh-arrow"></div>
  </div>
  <!--搜索框start-->
  <div class="cus-header">
      <div class="nav-logo-img"></div>
      <input type="text" id="txtgoodsname" placeholder="请输入商品名称">
      <div id="search">搜索</div>
  </div>
  <!--搜索框end--> 
  <div id="divGoods">    
  </div>   
</div>   

二：js部分

//下拉刷新
  _LoadMore = function () {
      //下拉刷新
      var ptrContent = $$('.pull-to-refresh-content');     
      //监听事件
      ptrContent.on('refresh', function (e) {
    setTimeout(function () {
        _whereData.PageIndex +=1;
        _LoadList();
        // When loading done, we need to reset it
        myApp.pullToRefreshDone();
    }, 2000);
      });
  };