問題タブ [iframe-resizer]

コンテンツの高さに応じて iframe の高さを動的に調整する必要があります。タスクにはdavidjbradshawのiframeResizer.jsを使用しています。コンテンツ ページにもiframeResizer.contentWindow.jsを追加しました。iframeページのiFrameResizer.min.js 。

呼び出しiFrameResize({log:false});中に、コンソールに次のエラーが表示されます。

Uncaught ReferenceError: iFrameResize が定義されていません

iframe の onload も呼び出してみiFrameResize({log:false})ましたが、それでも同じエラーが発生します。

iframe を通してのみ表示できるサイトを構築しています。自動リサイズの高さを調整できるスクリプトも追加しました。

しかし、私のブログを読み込んでいるので、一度に 2 つのページを読み込まなければならないという追加の重みがあります。対処するために、OnClick を適用して iframe を読み込みます。

自動サイズ変更しかし、うまくいかないことが判明しました。

iframe コードをロードします。

このようなトリックのために自動サイズ変更を行う方法を知っていますか? 助けてください、ありがとう..

編集

次のコード スニペット Resize My

読み込まれたサイトに保存されます:

iframe を含むサイトに保存:

http://davidjbradshaw.github.io/iframe-resizer/のiframe スクリプトを使用しています。このスクリプトに位置固定を追加して、iframe を上部に固定したいのですが、それを達成できません。これを達成するのを手伝ってください。

前もって感謝します。

この I-Frame Resizer を友人のサイトで何時間も動作させようとしましたが、何が間違っているのかわかりません。私のiPhoneでは問題なく動作しますが、デスクトップではまったく動作しません。任意のブラウザ。

URL はhttp://www.tomhammangphotography.com/blog.htmlです。

コンソールに同じエラーが 2 回表示されます。受信者ウィンドウのオリジンと一致します。」

オプションを js ファイル iframe.js に設定し、windowResizer をブログ ヘッダーに埋め込んでいます。

私が知る限り、Javascript ファイルは正しく呼び出されています。

checkOrigin を False に設定し、高さ計算機を最低の要素に設定しました。

どんな助けでも大歓迎です。よろしくお願いします。

〜トレント

同じドメインにないページがあり、別の特定のサイトに読み込まれたときにヘッダーとフッターを非表示にできるようにしたいと考えています。

これは iframe-resizer を使用して実行できますか? 以前に使用したことがあり、うまく機能しますが、クロスコミュニケーションを試したことはなく、セキュリティの問題が発生すると思います.

子ページの JS 関数に postMessage を呼び出して、要素を非表示にできることを期待していました。

iframe-resizer を使用して、iframe の高さをコンテンツの高さに調整しています。これまでのところ問題なく動作しています。widh に関する問題は 1 つだけです。読み込まれると、iframe を設定するために画面幅が必要になります。これはデスクトップ サイズの画面では問題ありませんが、モバイルでは x 軸でのスクロールを許可したいと考えています。助言がありますか？

これが私のiframeresizeの初期化です:

ここに私のcssがあります：

iframe の html 部分:

サイト B のコンテンツを含むフレームを含み、自動的にサイズ変更されないサイト A があり、heightCalculationMethod の値を変更しようとすると、常に同じサイズになります。ログには常に次のように表示されます。

1.[iFrameSizer][ホスト ページ: iFrameResizer0] 不足している iframe ID を追加: iFrameResizer0 ()

2.[iFrameSizer][ホスト ページ: iFrameResizer0] iFrameResizer0 の IFrame スクロールを無効にしました

3.[iFrameSizer][ホストページ: iFrameResizer0] [init] メッセージを iframe[iFrameResizer0] に送信 (iFrameResizer0:8:false:true:32:true:true:null:lowestElement:null:null:0:false:parent: scroll) targetOrigin: *

それだけで。

履歴書

サイト A: ドメイン: a.com ライブラリ: iframeResizer.js および iframeResizer.contentWindow.js

js:

html:

ここで、url はサイト B の URL を含む変数です

サイト B: ドメイン: b.com ライブラリ: iframeResizer.contentWindow.js