UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

swiper下拉刷新，上拉加载

所属分类：UI-加载

 65374  454  查看评论 (26)
分享到微信朋友圈
X
swiper下拉刷新，上拉加载 ie兼容10
 查看演示  立即下载

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

相关插件-加载
查看更多

jQuery进度条插件jqbar

 柱状图动态显示工具
  加载
 46972  360

jquery 实现流程进度显示

 基于jQuery实现的流程进度显示，可应用于网络订单状态查看，用户注册状态查看等
  加载
 72451  591

jQuery简单进度条插件

 jQuery简单实用的轻量级进度条插件
  加载
 102712  345

HTML5手机端手指滑动上拉加载

 jQuery HTML5手机端手指滑动上拉加载代码是一款通过jquery实现tab切换和上拉加载更多的效果，适用于手机端页面开发。
  加载
 56280  585

讨论这个项目（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 jQ币
    2018/3/21 10:02:10

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

    1
    2
    3
    4
    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 jQ币
        2018/8/31 13:39:05
        1
        2
        3
        4
        5
        6
        7
        8
        9
        var mySwiper = new Swiper('.swiper-container', {
                    direction: 'vertical',
                    scrollbar: '.swiper-scrollbar',
                    slidesPerView: 'auto',
                    mousewheelControl: true,
                    pagination: '.swiper-pagination',
                    observer: true,
                    observeParents: true,
                    freeMode: true,

        加上

        1
        2
        3
        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

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

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复