swiperRef.swipeTo在连续跨越loop边界时会混乱

[dislido]

Version of antd-mobile

5.32.0

Operating system and its version

No response

Browser and its version

Edge114

Sandbox to reproduce

https://codesandbox.io/s/interesting-sanderson-qzhw35

What happened?

以sandbox中的例子,Swiper中有6个Item

• 通过swipeTo(index)连续快速切换-1和0位置时表现正常; 切换到-1并等待动画结束后再切换到0就会向另一个方向滚动
• 连续切换-1和6位置时表现与上面相反: 慢速时正常,快速切换时方向错误

Relevant log output

No response

[1587315093]

应该是动画未完成后再点击就会出现闪烁，看着挺蛋疼的😋

[girlyinggao]

我加了一个backdrop-filter的蒙层，也出现了边界闪烁

[girlyinggao]

`
.banner {
width: 100vw;
height: 100vh;
}

.bgBanner {
position: relative;
height: 100%;
background-size: 300% 300%;
background-position: center center;
background-repeat: no-repeat;
background-image: url('https://zgy-1255522214.cos.ap-guangzhou.myqcloud.com/1680580659778');
}

.bannerTopContentBg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.10);
backdrop-filter: blur(50px);
color: #fff;
}

import { Swiper, Button } from 'antd-mobile'
import styles from "@/styles/Home.module.scss";

export default function Home() {
return (
<>

{/* Swiper */}
<Swiper
autoplay
loop

    className={styles.banner}>
      {[1,2,3].map((_,i) => {
        return (
          <Swiper.Item key={i}>
            <div className={styles.bgBanner}>
              <div className={styles.bannerTopContentBg}>
                <p>hello</p>
              </div>
            </div>
          </Swiper.Item>
        )
      })}
    </Swiper>
  </main>
</>

);
}
`

[1587315093]

我加了一个backdrop-filter的蒙层，也出现了边界闪烁

可以像提问的人一样弄个 codesandbox 吗，你发的代码感觉有点不全~ https://codesandbox.io/