在react中使用swiper6时,个别老iphone机型出现了滑动时图片闪动,只出现半张图片的情况,按照网上的做法,在swiper组件外层的容器中添加:
transform:translate3d(0,0,0);
overflow:hidden;
在swiperSlide内部的item中添加:
transform:translate3d(0,0,0)
可以解决。
但是还是会出现滑动很快,看不到滑动效果,直接从第一张切到第二张的情况,可以减慢swiper的动画效果,设置speed属性,默认为300ms,可设置成1000ms:
<Swiper
autoplay={{
delay: 3000,
disableOnInteraction: false,
}}
speed={1000}
loop={true}
>