iframe 移动端兼容

<div ng-if="showInvoice" style="overflow-y: scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;border: 1px solid #ccc;">
    <iframe src="http://m.kuaidi100.com/result.jsp?nu=604036789492546" frameborder="0" scrolling='no' style="min-width: 100%;width:100%;margin-top: -88px;height: 100%;margin-top: -150px;min-height:366px;"></iframe>
</div>

 

父级css

{
     overflow-y: scroll;
    -webkit-overflow-scrolling:touch;  
}

iframe

{
//铺满
min-width: 100%;
width:100%;
height: 100%;
//隐藏头部
margin-top: -150px;
//必须有最小高度不然移动端滑动时会向上滚动
min-height:366px;
}