手机移动端iframe无法滚动的解决办法

2024-03-01 17:20 小编

Iframe框架在pc端可以滚动,但是在手机端由于和页面滚动冲突导致滚动无法被触发。

解决办法:

iframe外面需要一个容器,添加css
css代码:

.container{
  height:100px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; 
}
.frame{
  width:100%;
  height:100%;
}


html代码:

<div class="container">
  <iframe class="frame" src="框架地址">
</div>



Tag: 移动端 手机
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码