Swiper 3 如何实现下拉刷新！

admin

Swiper2.x中可以用onResistanceBefore轻松制作下拉刷新效果。

Swiper3中取消了这个回调函数，可以用mySwiper.translate和onTouchEnd 实现。


<div>参考代码</div>

1. 
   
2. <script>
   
3. var mySwiper = new Swiper('.swiper-container',{
   
4.     direction : 'vertical',
   
5.     slidesPerView:'auto',
   
6.     onTouchEnd: function(swiper){
   
7.     if(swiper.translate>0){
   
8.         document.getElementById('show').innerHTML='刷新中';
   
9.         }
   
10.     }
    
11. })
    
12. </script>

复制代码

mhh12121

大哥。我正在想用这个弄个上拉刷新。。。不知道怎么判断往上滑时滑到底的transfromY值啊

危夜孤舟

用这个下来刷新加载出来更多内容的时候，滚动不去啊

tyiling

mhh12121 发表于 2015-5-18 02:52
大哥。我正在想用这个弄个上拉刷新。。。不知道怎么判断往上滑时滑到底的transfromY值啊 ...

解决这个问题没，我也是想做个上拉刷新，效果是出来了，一直取不到正确的Y轴值，每次那个loading位置都不一样

magude

刚改了一个swiper3下拉刷新和上拉加载的代码，效果还行，有些小bug

zhuji5222561

magude 发表于 2015-9-4 16:15
刚改了一个swiper3下拉刷新和上拉加载的代码，效果还行，有些小bug

大兄弟、能共享一份代码吗？？

sanyu

没有金币呀。。。