头像

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

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

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

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

查看演示 下载资源: 13

手机扫码访问:

下载资源 下载积分: 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
评论13
头像

友情提示:垃圾评论一律封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 12楼
    02-06 15:53
    不一样的烟火
    很好的效果,学习吧,哈哈
  • 头像 11楼
    02-05 09:02
    sananiki_08
    这个库确实不错,用起来顺手
  • 头像 10楼
    01-29 09:19
    sananiki_08
    傻笑 哎哟可以可以,可以一学,谢谢分享
  • 头像 9楼
    01-27 08:30
    qqlixiangabc
    很不错的js库,正在使用呢
  • 头像 8楼
    01-26 17:36
    gaojian7541
    不错的效果哦,感谢分享
  • 头像 7楼
    01-26 15:02
    非常道
    不错,很实用的列表。。
  • 头像 6楼
    01-26 14:38
    布丁
    小眼睛样式多,功能炫酷的,很实用的demo
  • 头像 5楼
    01-26 12:01
    richer
    超级实用的功能,可以配合ajax用
  • 头像 4楼
    01-26 10:11
    Andy_2u
    挺不错的效果,现在一直用
  • 头像 3楼
    01-26 09:20
    余小鱼
    很好的特效,非常棒,下载试用一下
1 2