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にロードしたときに動作していますが、ロードしたいウェブページにバグがありますか?