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