移动端滑动轮播Swiper嵌套overflow:auto问题

Question

我自己做了一个小案例。用overflow:auto在移动端能够正常滑动

<div style="width: 800px;height: 500px;border: 1px solid red;margin:0 auto;display: flex;overflow: auto;-webkit-overflow-scrolling: touch;">

    <img src="timg.png" style="display: block;" alt="">

    <img src="timg.png" style="display: block;" alt="">

    <img src="timg.png" style="display: block;" alt="">

    <img src="timg.png" style="display: block;" alt="">

    <img src="timg.png" style="display: block;" alt="">

    <img src="timg.png" style="display: block;" alt="">

</div>    

当把这断代码嵌套在Swiper的滑动轮播里之后这个小的滑动就不能出现效果。Swiper能够正常滑动，而嵌套的这个overflow：auto则不能正常触动这是什么原因。我在考虑要不要用另一个Swiper代替

Answer 1

已经搞定了 因为有些偷懒所以用了overflow 自己又用一个Swiper就行了