問題タブ [iframe-resizer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - iframe-resizer プラグインを使用した高さ 0 の iframe
iframe を含むページがあり、iframe-resizer プラグインを使用して iframe を自動サイズ変更しましたが、非常に奇妙な動作をしています。最初は 1 つの iframe だけが表示され、他の iframe はすべて表示されます。あるiframeから別のiframeに切り替えると、新しいiframeがFirefoxで高さ0、クロムで高さ4398px（高すぎる）になることがあります。一般的な動作は、ブラウザのサイズを変更すると、iframeが適切な高さになります。
私に何ができる？
javascript - Iframe リサイザーが定義されていません
クライアント Web サイトの 1 つに Web サイトを追加しようとしていて、iframe リサイザーを使用していました。彼らのウェブサイトは Brightspot CMS を使用しています。そのため、iframe-resizer undefined エラーが発生します。
iframe resizer jsファイルにいくつかの変更を加えたとき、これを削除しました
そして保管するだけ
この変更により、すべてが正常に機能します。なぜこれが起こっているのでしょうか？
javascript - iframe のコンテンツの高さを取得する iframe resizer を使用する
iframe を使用してアプリケーションに 1 つのサイトを埋め込み、iframe リサイズ ライブラリを使用します。
およびコード スクリプト
heightロード後の親ページのコンテンツを取得したいのですmysite.comが、方法を考えました。
javascript - JS iframe-resizer は、幅が 510px 未満の場合、高さを 0 に設定します
Javascript https://github.com/davidjbradshaw/iframe-resizerを使用して、iframe を常にコンテンツと同じ高さにしています。
これは非常にうまく機能しますが、たとえば私の電話では機能しません (< ~525px で高さを 0px に設定します)
http://www.eckl.com/edentity/neuwagenで確認できます(ログが有効になっています)。
- ログ -
[iFrameSizer][ホスト ページ: edentity-iframe] 高さをチェックする範囲は 0-Infinity jquery.responsiveiframe.js?1484233957:8 [iFrameSizer][ホスト ページ: edentity-iframe]
幅をチェックする範囲は 0-Infinity jquery.responsiveiframe.js?1484233957:8 です
[iFrameSizer][ホスト ページ: edentity-iframe] アニメーション フレームのリクエスト jquery.responsiveiframe.js?1484233957:8 [iFrameSizer][ホスト ページ: edentity-iframe]
IFrame (edentity-iframe) の高さを 0px に設定 jquery.responsiveiframe.js?1484233957:8
[iFrameSizer][ホスト ページ: edentity-iframe] 非表示の iFrame が検出され、可視性リスナーを作成 VM19339:9 [iFrameSizer][edentity-iframe] トリガー イベント ロック オフ
--ログ終了 --
ありがとう。