鍍金池/ 問答/HTML5  HTML/ 移動(dòng)端滑動(dòng)輪播Swiper嵌套o(hù)verflow:auto問題

移動(dòng)端滑動(dòng)輪播Swiper嵌套o(hù)verflow:auto問題

我自己做了一個(gè)小案例。用overflow:auto在移動(dòng)端能夠正?；瑒?dòng)

<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>

當(dāng)把這斷代碼嵌套在Swiper的滑動(dòng)輪播里之后這個(gè)小的滑動(dòng)就不能出現(xiàn)效果。Swiper能夠正?；瑒?dòng)，而嵌套的這個(gè)overflow：auto則不能正常觸動(dòng)這是什么原因。我在考慮要不要用另一個(gè)Swiper代替圖片描述

回答
編輯回答
汐顏

swiper嵌套問題

2017年10月10日 19:20
編輯回答
綰青絲

已經(jīng)搞定了 因?yàn)橛行┩祽兴杂昧薿verflow 自己又用一個(gè)Swiper就行了

2018年5月1日 04:32
編輯回答
柒喵

我建議你看看這個(gè)：https://segmentfault.com/a/11...

2018年3月27日 14:15