IOS中使用iframe无法滚动解决办法

问题描述：
IOS使用iframe标签，当内容超出时，只能横向滚动，Y轴无法滚动。
代码如下：

<div id="parent">    <div class="col-xs-12">        <iframe id="view-iframe" src="/main" name="view-iframe" src="WebPages/index.jsp" frameborder="no" scrolling="yes"></iframe>    </div></div>

上述代码在Android中显示正常，IOS不行。

解决办法：
js

// ios? 判断是否ios系统if (/ipad|iphone|mac/i.test(navigator.userAgent)){    $("#parent .col-xs-12").addClass('ios-scroll');}

css

#parent{width:902px!important;}#view-iframe{min-width: 885px!important;}//核心代码.ios-scroll{    height:100%;    position: absolute;      //或position：relative;    overflow-y: scroll;      //或overflow：auto;    -webkit-overflow-scrolling: touch;}

友情提示：必须定位，脱离文档流，否则不生效。亲测！