头像

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

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

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

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

查看演示 下载资源: 28

手机扫码访问:

下载资源 下载积分: 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
最新交易
评论18
头像

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

  • 头像 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
    不***火
    很好的效果,学习吧,哈哈
  • 头像 10楼
    02-05 09:02
    sa***08
    这个库确实不错,用起来顺手
  • 头像 9楼
    01-27 08:30
    en***37
    很不错的js库,正在使用呢
  • 头像 8楼
    01-26 17:36
    ga***41
    不错的效果哦,感谢分享
1 2