zoukankan      html  css  js  c++  java
  • h5 页面下拉刷新

    引入文件

    <link rel="stylesheet" type="text/css" href="bin/minirefresh.css"/>
    <!-- <link rel="stylesheet" type="text/css" href="bin/common.css"/> -->
    <link rel="stylesheet" type="text/css" href="bin/minirefresh.theme.applet.css"/>
    <script type="text/javascript" src="bin/minirefresh.js"></script>
    <script type="text/javascript" src="bin/minirefresh.theme.applet.js"></script>

    js:

    // 引入任何一个主题后,都会有一个 MiniRefresh 全局变量
    var miniRefresh = new MiniRefresh({
    container: '#minirefresh',
    down: {
    callback: function() {
    // 下拉事件
    if(indexNav==0){
    indexList(localStorage.getItem("userId"),"1");
    }else{
    indexList(localStorage.getItem("userId"),"2");
    }
    setTimeout(function(){
    miniRefresh.endDownLoading();
    },1000)
    }
    },
    up: {

    callback: function() {
    // 上拉事件
    // 注意,由于默认情况是开启满屏自动加载的,所以请求失败时,请务必endUpLoading(true),防止无限请求
    miniRefresh.endUpLoading(true);
    }
    }
    });

    html:

    <div id="minirefresh" class="minirefresh-wrap">
    <div class="minirefresh-scroll"></div></div>

  • 相关阅读:
    MySQL锁概述
    MYSQL删除重复记录
    SPRING事务控制
    性能测试中如何确定并发用户数
    Jsoup操作
    linux根据端口号查询进程
    linux下解压jar文件
    开发阶段的logback.xml
    栈--getMin(leetcode 155)
    git "fatal: The remote end hung up unexpectedly"
  • 原文地址:https://www.cnblogs.com/weiwentaweb/p/10385190.html
Copyright © 2011-2022 走看看