• 文字サイズ
  • 小
  • 中
  • 大


解決済

ifrmae内の高さや幅が可変するiframeの設置

  • 相談者：非公開
  • 2018/10/16 17:37
いつもお世話になっております。

楽天スマホ商品ページに固定ヘッダーナビとしてiframeでハンバーガーメニューを設置しようとしましたがiframe内で高さが可変するページはどういう調整をすればいいのかわからない状況です。

サンプルページですがこちらが設置しようとしているページです。
https//www.rakuten.ne.jp/gold/SHOP-URL/meanMenu-master/demo.html
(480ｐｘ以下で表示されます)

iframeをこのページの高さに合わせて設定すると商品ページが覆われてしまいリンクなどが
クリックできなくなってしまいます。
これを解決する方法などがございましたらご教授いただければ幸いでございます。

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

  • 返信者：非公開
  • 2018/10/16 19:07
ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2018/10/17 09:02
田中様

＞メニューの機敏な伸縮が発生する中で、
＞複雑な構造によって不具合が発生する可能性は
＞多少高くなるかと思いますので、

＞iframeを………（省略）………
続きを読む
  • 返信者：非公開
  • 2018/10/17 20:18
ECマスターズの田中です。

> よろしければこちらについての詳細を教えていただけないでしょうか？

たとえば、HTMLタグとして、
一番外側にある<………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2018/10/18 17:09
詳細を教えてくださりありがとうございます。
ですが私にはまだ早いようでうまくいきそうありませんのでiframeResizerを一時的にですが使用することに致し………（省略）………
続きを読む
  • 返信者：非公開
  • 2018/10/18 17:28
ECマスターズの塚本です。

いただいた本投稿のご質問ですが、
本日技術系の担当者が休みをとっておりますので、
改めて明日回答させていただきます。
………（省略）………
続きを読む
  • 返信者：非公開
  • 2018/10/19 20:29
ECマスターズの田中です。

原因として、
・ハンバーガーメニューがfloatしているため、demo.html自体の高さが変わらない
・iframeRe………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2018/10/22 16:07
田中様
お世話になります。

＞まず、最初のパターンに対応するため、
＞下記スタイルシートを、demo.htmlに適用させてください。
適用させてみま………（省略）………
続きを読む
  • 返信者：非公開
  • 2018/10/22 18:25
ECマスターズの田中です。

demo.htmlにて読み込もうとされている
iframeResizer.contentWindow.min.js のURL………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2018/10/23 09:04
そんな初歩的なミスに気付かず田中様のお手を煩わせてしまい申し訳ありませんでした。
ご多忙のところお手間を取らせてしまったところ大変恐縮にございます。

修………（省略）………
続きを読む
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す