《微信小程序》swiper的疯狂循环滚动的问题

最新推荐文章于 2024-08-21 17:47:57 发布

Ammyo_o

最新推荐文章于 2024-08-21 17:47:57 发布

阅读量5.8k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序 swiper

本文链接：https://blog.csdn.net/Ammyo_o/article/details/82706935

版权

在微信小程序中，使用swiper组件制作banner时遇到了自动滚动变为疯狂快速滚动的bug。问题源于将currentIndex与swiper的current属性共用，违反了小程序官方文档的说明。修复方法是独立currentIndex，用于控制scroll-view，避免影响swiper的正常工作。

摘要由CSDN通过智能技术生成

使用微信小程序的swiper制作banner的时候，发现一开始能够自动滚动，但是让小程序后台运行一会儿之后再进去就会出现疯狂快速滚动的问题。

上面的城市和银行数据是同步滚动的，城市的滚动是通过scroll-view来实现的，为了实现同步滚动我用了swiper的current属性来控制scroll-view的样式为选中。

 <scroll-view class="cooperation-bank-list" scroll-x scroll-with-animation scroll-left="{
   {
   scrollLeft}}">
      <block wx:for="{
   {
   key}}" wx:for-item="items" wx:key="unique" wx:for-index="idx">
          <view class="cooperation-bank-item {
   {
   currentIndex==idx?'active':''}}">
             <text data-current="{
   {
   idx}}" bindtap=