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

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