• 文字サイズ
解決済

スマホ商品ページ共通説明文におけるiframeの高さ自動調整

  • 相談者:非公開
  • 2019/09/20 12:00
お世話になっております。

デザインレシピを参考にスマホ商品ページのファーストビューにバナーを設置しているのですが、同時に設定したiFrame Resizerが上手く動作しません。
それぞれ以下のように記述しています。

iframeで読み込むページ
<script src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.contentWindow.min.js"></script>

商品ページ共通説明文
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/banner/sp_fv.js"></script ="">
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.min.js"></script ="">
<script =""> jQuery(function($){ $('#itemDescription iframe, #shopCommonText iframe').iFrameResize(); }); </script ="">
<iframe ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/banner/banner.html" class="iframeBefore" width="100%" height="auto">
</iframe ="">

お手数おかけしますが、解決策をご教示くださいますようお願いいたします。
キーワード:iframe高さ自動調整
投稿内容について報告する




  • 返信者:非公開
  • 2019/09/20 14:49
ECマスターズの田中です。

2点、ご確認いただきますようお願いします。

・1点目
いたただいたソースの3行目に含まれる
#itemDescrip………(省略)………
  • 返信者:非公開(質問者)
  • 2019/09/20 16:29
田中様

早速ご回答いただきありがとうございました。
ご指摘いただいた部分を修正したところ、正常に動作するようになりました。ありがとうございます。

………(省略)………
  • 返信者:非公開
  • 2019/09/20 19:27
ECマスターズの田中です。

無事動作して、何よりです。

> jsファイルの取得やタグなどは、下記などいくつかの投稿を参考にさせていただきました。
………(省略)………