微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Iscrool下拉刷新功能实现方法(推荐)

简易下拉刷新实现方法

css样式:

rush:css;"> *{ margin: 0px; padding: 0px;
  }
  #wrapper{
    width: 100%;
    height: 150px;
    border: 1px solid red;
    overflow: hidden;
    position: absolute;
  }
  #shua{
    text-align: center;
  }</pre>

HTML代码

rush:xhtml;">
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

在写js代码之前,要引入jQuery插件和 iscroll插件

然后js代码如下:

40){ $("#shua").show(); $("#shua").text("松开手进行刷新") x=1; } a.on("scrollEnd",function(){ if(x==1){ $("#shua").text("正在刷新") setTimeout(shuju,1000) x=2; } }) var z=0; function shuju(){ if(x==2){ $("#shua").hide(); $("ul>li:nth-child(1)").before($("
  • ").text("数据"+ z++)) a.refresh() x=0; }
        }
      }
    
    })
    </script></pre>

    这样就完成了一个简单的下拉刷新!!

    以上这篇Iscrool下拉刷新功能实现方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

    原文地址:https://www.jb51.cc/js/38361.html

    版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

    相关推荐