web-dev-qa-db-ja.com

イオンコンテンツでiframeを使用すると、イオンコンテンツスクロールが機能しない

<ion-view view-title="title">
  <ion-content scroll="true">
    <iframe src="{{link}}"></iframe>
  </ion-content>
</ion-view>

上記のコードを見てください。

タイトルのとおり、イオンコンテンツでiframeを使用すると、スクロールが機能しません。

この問題の解決方法。

javascripthtmlcssionic-frameworkiframe
6
Aaron

IOSのバグです。この問題は解決しました。以下を参照してください

iframeスクロールiOS 8

2
Aaron

オーバーフロースクロールを使用してスクロールを有効にする

<ion-view view-title="title">
    <ion-content overflow-scroll="true">
         <iframe src="{{link}}"></iframe>
    </ion-content>
</ion-view>
14
iDeekshith

次のcssをiframeの親divに追加します

-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;

例：

HTML

<ion-content class="iframe-fix">
  <iframe [src]="pageUrl" frameborder="0"></iframe>
</ion-content>

SCSS

.platform-ios{
    .iframe-fix{
      -webkit-overflow-scrolling: touch !important;
      overflow: scroll !important;
    }
}
0
Lasithds