• 文字サイズ


解決済

【緊急】iframeの高さ自動取得・調整

  • 相談者:非公開
  • 2019/02/15 15:32
お世話になっております。
過去ログを見て、試してみたのですが、
同じような症状が出ていて、
高さが短くなってしまいます。

助けてください><

ためそうとしている商品ページ
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/

ちなみに私はiPhone利用者ですが、
iPhoneではきれいに表示できました><

ゴールドで作成している埋め込まれるURLに下記を
<script src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.contentWindow.min.js"></script>

呼び出す方のRMSのスマホ商品ページ共通設定に
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.min.js"></script ="">
<script ="">jQuery(function($){ $('#itemIFrame, #sp_coIFrame, ').iFrameResize(); }); </script ="">


スマホ商品説明文に
<iframe frameborder="0" scrolling="no" name="itemIFrame" src="https//www.rakuten.ne.jp/gold/SHOP-URL/item/24u_1812168.html" width="100%" height="100%" =""></iframe ="">



<iframe frameborder="0" scrolling="no" name="sp_coIFrame" src="https//www.rakuten.ne.jp/gold/SHOP-URL/sp_co.html" width="100%" height="100%" =""></iframe ="">


それぞれURLを変更して挿入してみました。
スクロールはしなくなったのですが、読み込みのフレームが途中で切れてしまいました。
どこか、heightの指定が必要になるのでしょうか?
お手数をおかけしますがご回答をお願い致します。
キーワード:iframe高さ自動調整
投稿内容について報告する

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

  • 返信者:非公開
  • 2019/02/15 20:44
ECマスターズの田中です。

> <script ="">jQuery(function($){ $('#itemIFrame, #sp_coIFrame,………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/19 10:15
おはようございます。
ページを修正させて頂き、表示されたと思います!
ありがとうございました!

ただ、アンドロイドのユーザーにおいて、
白く表示され………(省略)………
  • 返信者:非公開
  • 2019/02/19 21:48
ECマスターズの田中です。

弊社所有のAndroid機上のChromeにて確認したところ、
商品画像直上のiframeについては、
添付画像の通り、問………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/20 10:05
下記の通りとのことです。

Galaxy Note8
モデル番号SCV37
アンドロイドバージョン8.0.0
ブラウザGoogleChrome

………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/20 10:19
画像で見ると以下のように表示されているようです。
………(省略)………
  • 返信者:非公開
  • 2019/02/20 10:34
ECマスターズの田中です。

状況をお知らせいただきありがとうございます。
どの部分に原因があるのか、確認を行わせていただきますので
今しばらくお待ちい………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/20 10:37
ありがとうございます><

お手数ですがよろしくお願いいたします。………(省略)………
  • 返信者:非公開
  • 2019/02/20 18:50
ECマスターズの田中です。

確認を進めているのですが、
未だ明確な原因が判明しておりません。

原因究明のため、
Galaxy Note8をお持ち………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/21 11:49
お世話になります。

下記のように表示されたとのことでした。
動作的には正常のように感じます。
………(省略)………
  • 返信者:非公開
  • 2019/02/21 18:07
ECマスターズの田中です。

> 下記のように表示されたとのことでした。
ご確認いただき、ありがとうございました。

2019/02/20 10:19………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/22 09:23
おはようございます。

アプリでは表示されなかったようですが、
クロームでは正常表示されたようです。

多くの画像を表示させたい場合、
縦長の複数画………(省略)………
  • 返信者:非公開
  • 2019/02/22 10:52
ECマスターズの田中です。

> アプリでは表示されなかったようですが、
> クロームでは正常表示されたようです。

Chromeでの表示をご確認いた………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/22 13:37
ありがとうございます!

そんな方法があったのですね><
勉強になります!

そちらを実践してみます^^………(省略)………
このフォーラムへの質問は終了しました