swiper下拉刷新,上拉加载

所属分类:UI-加载

 63623  453  查看评论 (26)
分享到微信朋友圈
X
swiper下拉刷新,上拉加载 ie兼容10

本demo只有介绍部分用法,有bug欢迎评论,谢谢。

相关插件-加载

jQuery动画进度条 实时显示进度百分比DEMO演示

jQuery动画进度条 实时显示进度百分比DEMO演示
  加载
 42371  344

精美进度条

色彩绚丽的进度条,代码简单,动画感强
  加载
 40914  389

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 40365  381

3D立体环形进度图表

3D立体环形进度图表,只要传入0100的整数,就能显示对应的百分比,大小自适应。
  加载
 32211  327

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    belllove 0
    2020/4/14 11:31:51
    怎么移动端显示不全呀 只有一部分显示
        belllove0
        2020/4/14 11:39:04
        我的错,忘了清缓存
    回复
    咖啡加冰 0
    2019/6/10 11:52:24
    下面的.init-loading,就是拉动加载更多的展示框怎末让他一直在最上层?z-index position都试过了!不顶用啊! 回复
    哀家略萌 0
    2019/5/17 9:44:33
    有小程序端的写法吗 回复
    向往 0
    2019/5/10 14:04:16
    为什么所有的swiper-slide list-group都跑到第一个tab里面了 回复
    流年―忆影 1
    2018/3/21 10:02:10

    我发现这个特效有点问题,初始化时,向下稍微拉一下,就会出现“正在加载”,源码中滑动的距离是要大于50px才会触发,我这里是这样解决的:
    加一个差值_diff

    var _diff = _viewHeight - _contentHeight;
    if (this.translate <= (_diff >= 0 ? -50 : _viewHeight - _contentHeight - 50) && this.translate < 0) {
        //触发
    }
        落雪飞花0
        2018/5/2 17:21:54
        亲 怎么禁止左右滑动~
        落雪飞花0
        2018/5/2 18:01:43
        左右滑的时候会有刷新现象~
        →me←0
        2018/12/28 17:59:31
        我不想有左右滑动的效果,能否禁止掉?!
    回复
    叶々 0
    2018/2/24 15:09:02
    这个在移动端上下滑动不了啊
        ^_^0
        2018/5/23 13:52:48
        处理好了吗?
        夜殇1
        2018/8/31 13:39:05
        var mySwiper = new Swiper('.swiper-container', {
                    direction: 'vertical',
                    scrollbar: '.swiper-scrollbar',
                    slidesPerView: 'auto',
                    mousewheelControl: true,
                    pagination: '.swiper-pagination',
                    observer: true,
                    observeParents: true,
                    freeMode: true,

        加上

        pagination: '.swiper-pagination',
             observer: true,
             observeParents: true,

        这三行

    回复
    Monee 0
    2017/11/19 16:13:38

    移动端不能上下滑动

        ^_^0
        2018/5/23 13:51:42
        你这个怎么处理的呢?
    回复
    美星 0
    2017/9/25 15:51:49

    有问题哦~

     scroll 到下一部分列表了,上面的menu 部分没有跟着变

    回复
    ╃の草戒指・ 0
    2017/9/15 12:50:55
    蓝叶子 0
    2017/8/24 18:29:47

    这边用了之后,移动端页面滑动不了了,上下滑动的

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复