在swiper配置中增加如下配置
noSwiping: true
不可拖动块的类名,当noSwiping设置为true时,并且在slide(或其他元素)加上此类名,目标将无法触摸拖动。
然后在所需要的iframe或其他元素的包裹容器上设置相应属性即可
<div class='wrapper'>
<iframe src='...' scrolling='no'/>
</div
复制代码
.wrapper {
width: 100%;
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling:touch //使ios滚动流畅
}
iframe { //解决iframe在ios上不能正常100%宽度的问题
width: 1px !important
min-width: 100% !important
height: 100%
}
复制代码