头像

minirefresh.js手机滑动上拉下拉动态加载列表数据代码【原创

来源:http://www.sucaihuo.com/js/3420 素材火管理员 2018-01-25 22:51浏览(1166) 收藏

十多款不错的minirefresh.js手机滑动上拉下拉动态加载列表数据代码,手机端滑动加载插件,非常齐全!
minirefresh.js手机滑动上拉下拉动态加载列表数据代码
分类:手机特效 > 触屏滑动 难易:初级

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ3401083589直接充值

查看演示 下载资源: 34

手机扫码访问:

下载资源 下载积分: 30 积分

js代码

<script type="text/javascript" src="../../dist/debug/minirefresh.js"></script>
        <script type="text/javascript" src="../common/common.js"></script>
        <script>
            var appendTestData = Common.appendTestData,
                // 记录一个最新
                maxDataSize = 30,
                listDom = document.querySelector('#listdata'),
                requestDelayTime = 600;

            var miniRefresh = new MiniRefresh({
                container: '#minirefresh',
                down: {
                    callback: function() {
                        setTimeout(function() {
                            // 每次下拉刷新后,上拉的状态会被自动重置
                            appendTestData(listDom, 10, true);
                            miniRefresh.endDownLoading(true);
                        }, requestDelayTime);
                    }
                },
                up: {
                    isAuto: true,
                    callback: function() {
                        setTimeout(function() {
                            appendTestData(listDom, 10);
                            miniRefresh.endUpLoading(listDom.children.length >= maxDataSize ? true : false);
                        }, requestDelayTime);
                    }
                }
            });
        </script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/3420.html
最新交易
评论21
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3401083589

  • 头像 20楼
    09-30 10:45
    夛***夛
    功能很多,感謝樓主分享
  • 头像 19楼
    09-21 10:24
    遥***及
    这个功能不错呀,值得研究一下 哈哈
  • 头像 18楼
    09-21 10:17
    遥***及
    这个功能做的确实不错,值得研究一下
  • 头像 17楼
    05-25 13:07
    \\***折腾
    楼主简直666啊 ,什么效果都有了
  • 头像 16楼
    03-22 12:12
    时光***角i
    很好的代码,我去试试看
  • 头像 15楼
    03-09 10:05
    赵***欢
    不错 值得下载学习。学习使我快乐!
  • 头像 14楼
    03-02 09:04
    史***子
    这个功能做的确实不错,值得研究一下
  • 头像 13楼
    02-26 09:01
    su***24
    还不错的效果,很好的效果,可以一学
  • 头像 12楼
    02-24 13:25
    黎明***夕x
    还不错的效果,赞一下
  • 头像 11楼
    02-06 15:53
    不***火
    很好的效果,学习吧,哈哈
1 2