收藏
回答

swiper组件如何在第一个swiper-item前面插入新的swiper-item?

最近在开发一个壁纸类小程序,需要做一个无限滑动动态加载壁纸的效果,向后滑动态添加数据没问题,但是往前面加就有问题了。

我想实现的效果:当监听swiperchange事件,event.detail.current === 0 时,在swiperItemList前面插入新的一页数据,比方说一页有12条,插入后,由于当前current = 0,所以会直接跳到新一页数据的第一张图片去,所以我在插入数据后,将current改为12,这回可以到旧一页数据的第一张壁纸,但是,从动态效果看,它是这样的:

当current = 0时,获取新的一页数据,插到swiperItemList前面 =>跳转到新一页数据第一张图片(因为此时current = 0)=> 给current 赋值为 12 => 在跳转回旧一页数据的第一张图片。这就造成了闪回的效果

我尝试过先暂时将duration 改为0,但是这样还是会先闪一下,体验不是很好

说得可能有点啰嗦,这个问题困扰我好几天了,如果有大佬能提点我一下,不胜感激!!

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容