Swiper中文论坛

标题: Swiper 3 如何实现下拉刷新！ [打印本页]

作者: admin 时间: 2015-3-20 22:35
标题: Swiper 3 如何实现下拉刷新！
Swiper2.x中可以用onResistanceBefore轻松制作下拉刷新效果。

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

<div>参考代码</div>

<script>
var mySwiper = new Swiper('.swiper-container',{
direction : 'vertical',
slidesPerView:'auto',
onTouchEnd: function(swiper){
if(swiper.translate>0){
document.getElementById('show').innerHTML='刷新中';
}
}
})
</script>

复制代码

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

作者: 危夜孤舟 时间: 2015-5-28 15:11
用这个下来刷新加载出来更多内容的时候，滚动不去啊

作者: tyiling 时间: 2015-7-2 10:20

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

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

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

作者: zhuji5222561 时间: 2015-9-18 15:28

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

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

作者: sanyu 时间: 2015-12-23 10:53

没有金币呀。。。

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)