• 文字サイズ


解決済

スマホでiframe高さ調整(iframeの中身が頻繁に変わる場合)

  • 相談者:非公開
  • 2019/06/19 17:44
いつもお世話になっています。
過去フォーラム参照したのですが分からなかったため質問させてください。
https://forum.ec-masters.net/post_view.php?id=5740を見ました)

スマホの各所にiframeを入れてキャンペーンの案内等の時限バナーを設置しています。
event.htmlというファイルを読み込んでいます。

現在は商品画像上と商品共通説明文の一番上に表示させています。

これをスマホトップページと商品説明文にも入れ込みたいのですが、高さ調整がうまくいきません。

商品画像上等は、height="2"を入れることで、何も表示したくないときはほぼ高さ無しで表示でき許容範囲なのですが、
スマホトップページと商品説明文はheight="2"を入れるとiframeResizerのJSよりheightが優先されるようでうまくいきません。
height="2"を入れなければ、空白の部分が100pxほどできてしまい見栄えが悪いです。

他に何か方法はないでしょうか?
ご教授よろしくお願いいたします。
キーワード:iframe高さ自動調整
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2019/06/19 19:31
ECマスターズの田中です。

iframeResizer では、heightより優先されるstyle属性で
高さの設定を行いますので、
heightが優………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/19 22:27
田中様

いつもお世話になっております。

●トップページについて

>上記scriptタグが記載されていないため、
>iframeResizer………(省略)………
  • 返信者:非公開
  • 2019/06/20 14:08
ECマスターズの伊藤です。

> ●トップページについて

無事ご対応できたとのことで、ご報告ありがとうございました。

> ●動作対象の絞り込みに………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/20 14:30
伊藤様

お世話になっています。

><script =""> jQuery(function($){ $('iframe[src$="event.ht………(省略)………
  • 返信者:非公開
  • 2019/06/20 19:04
ECマスターズの伊藤です。

> こちら試しましたがダメでした。
> 念のため、商品説明文にscriptの記載をしてみましたが、それでもダメでした。
………(省略)………
  • 返信者:非公開
  • 2019/06/21 14:01
ECマスターズの伊藤です。

度々のご案内となってしまい、申し訳ありません。

> 念のため、商品説明文にscriptの記載をしてみましたが、それでもダ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/21 15:13
伊藤様

お世話になっています。

>こちらを確認させていただきたいので
>対応頂いた商品の、商品管理番号を教えていただくことはできますでしょうか。 ………(省略)………
  • 返信者:非公開
  • 2019/06/21 16:17
ECマスターズの伊藤です。

商品管理番号のご連絡ありがとうございました。

確認させていただいたところ、アプリの商品詳細ページでも
iFrameRe………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/21 16:48
伊藤様

>回避方法としまして、先にご案内しておりました
>IFRAMEに、height="158"といったように
>高さを指定していただくようになりま………(省略)………
  • 返信者:非公開
  • 2019/06/21 18:54
ECマスターズの伊藤です。

> アプリ対応はできない、ということでしょうか…。

そうですね、現状アプリでJSが動かないようですので、
申し訳ありま………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/22 09:27
伊藤様

承知しました。
商品説明文部分は他の方法を考えます。
最後まで丁寧にありがとうございました。………(省略)………
  • 返信者:非公開
  • 2019/06/24 12:42
ECマスターズの伊藤です。

> 商品説明文部分は他の方法を考えます。

お力になれず申し訳ありませんが、どうぞよろしくお願いいたいます。

こうい………(省略)………
このフォーラムへの質問は終了しました