您的位置:首页 > 移动开发 > IOS开发

解决ios下html5的ifream页面无法滑动的问题

2017-05-22 17:36 393 查看
      html5移动开发有时会用到ifream镶嵌页面,如下图:

       <iframe width="100%" height="100%"  frameborder="0" src="http://wap.nxzhly.com/wap/index.htm"></iframe>

    但是测试发现,页面在android下显示很正常,但是ios下页面无法滑动

   解决方案:

     <div style="width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll;"> 
<iframe width="100%" height="100%"  frameborder="0" src="http://wap.nxzhly.com/wap/index.htm"></iframe>
</div>

      给ifream加上一个父控件,并且设置滚动

     
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息