iOS - iFrameでのネイティブスクロール

iFrameにFacebookページが表示されていて、ネイティブの「バウンス」タイプのスクロールを有効にしようとしていますが、何もできません。iOS - iFrameでのネイティブスクロール

iframe { 
    overflow-y: scroll !important; 
    -webkit-overflow-scrolling: touch !important; 
}

をしかし、これまでのところ何の運を持っていない - シミュレータと実際のiOSデバイスの両方でテスト：

私はこれを試してみました。

アイデア？ http://davidjbradshaw.github.io/iframe-resizer/

手順2.デビッド・ウォルシュ親のdivを持つ彼のトリック：スクロールバーがdissappearまで

出典

2016-06-13 dwinnbrown

iframe内のページの高さはわかりますか？だからあなたはiScrollを使うことができます：http://cubiq.org/iscroll-5 – JoostS

ページはFacebookのページから抜かれていますので、残念ながら無限のスクロールです... – dwinnbrown

これは私のアプローチだろう...

ステップ1は、このように、インラインフレームのサイズを大きくしますそれはiframeをスクロールします：https://davidwalsh.name/scroll-iframes-ios

しかし、私はクロスドメインiFramesの認証の欠如のために失敗すると思います。

更新：親divのスクロール位置に基づいてiframeを拡大するとどうなりますか？だから、親のdivが100ピクセルをスクロールし、iframeを100ピクセル大きくする... iframeが無限の高さを持ち、スクロールバーが隠されていると仮定した場合）

出典

2016-06-13 21:28:01 JoostS

残念ながら、何か間違っている：https://jsfiddle.net/0g0xrLy0/ – dwinnbrown

グラフapiと一緒に行ってカスタムを作るかもしれない – dwinnbrown

申し訳ありませんが、私もそうだと思います。 – JoostS

iOSでepub3リーダーアプリケーションを作成したとき。

に続いてEpubJS v0.3 exampleを処理できました。

<div style="width:320px;height:570px;-webkit-overflow-scrolling:touch;overflow-y:scroll;"> 
    <iframe scrolling="no" src="..." style="width:320px;height:8071px;"></iframe> 
</div>

注：ここでは

は一例ですあなたはiFrameの高さを計算し、CSSスタイルを設定する必要があります（例： 8071px）。 javascriptを使用すると、 iframe.contentDocument.body.scrollHeight

why we have to set height styleと尋ねることができます。続いてsome suggestionsは、動的コンテンツの問題を処理するのに役立ちません（問題はhereです）。高さを設定することで、ユーザーのハイライトテキストを動的に追加または削除できます。

希望すると、

出典

2016-06-14 08:12:20

iOS - iFrameでのネイティブスクロール

答えて

関連する問題