2016-05-03 16 views
1

ionicを使用しているモバイルアプリで作業しています。アプリには、外部ページが読み込まれる複数のiframeがあります。 iframeの読み込みはAndroid(デバイスとエミュレータ)とブラウザで正常に動作しています。しかし、iOSでは、外部ページはiframeに完全に読み込まれません。この出来事で、なぜそれがアンドロイドに取り組んでいる理由 iOS Device Screenionic iframeの読み込みがiOSで完全に機能していない

私の質問は次のとおりです。ページには、詳細のためのスクリーンショットを参照してくださいページの湖底で切断されます。

page.html

<ion-view class="center" view-title="">   
<ion-content> 
<!-- div used to enable scrolling in the iframe on iOS --> 
<div class="scroll-wrapper"> 
    <iframe id="seats" width ="100%" height ="100%" ng-src=" {{seatPath}}" ng-onload="hideProgess()" ng-show="!loadError" ></iframe> 
</div> 
</ion-content> 

のmain.css

.center .scroll-content { 
    display: table !important; 
    width: 100% !important; 
    height: 100% !important; 
    text-align: center; 
} 
.center .scroll { 
    display: table-cell !important; 
    vertical-align: middle !important; 
} 

.scroll-wrapper { 
    position: fixed; 
    right: 0; 
    bottom: 50px; 
    left: 0; 
    top: 0; 
    -webkit-overflow-scrolling: touch; 
    overflow-y: scroll; 
} 

.scroll-wrapper iframe { 
    height: 100% !important; 
    width: 100% !important; 
    min-height: 100% !important; 
    bottom: 50px !important;; 
} 

EDIT: 次のコード・スニペットは、私はインラインフレームを追加する方法を示しています
私は他のウェブページをテストしていますが、iosであってもiframeにロードしたときに動作していますが、ロードしたいウェブページにバグがありますか?

答えて

2

タグ内のconfig.xmlファイルにこれを追加してみてください:

<allow-navigation href="*" /> 
関連する問題