• 文字サイズ


解決済

【緊急】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高さ自動調整
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 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
画像で見ると以下のように表示されているようです。###IMG03fe1faf73c41755c6774c2a070fce7bd.jpegIMG0………(省略)………
  • 返信者:非公開
  • 2019/02/20 10:34
ECマスターズの田中です。

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

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

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

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

下記のように表示されたとのことでした。
動作的には正常のように感じます。###IMG0ca2954bedd5fa61………(省略)………
  • 返信者:非公開
  • 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
ありがとうございます!

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

そちらを実践してみます^^………(省略)………