- 文字サイズ変更
- 小
- 中
- 大
解決済
ifrmae内の高さや幅が可変するiframeの設置
- 相談者：非公開
- 2018/10/16 17:37
いつもお世話になっております。
楽天スマホ商品ページに固定ヘッダーナビとしてiframeでハンバーガーメニューを設置しようとしましたがiframe内で高さが可変するページはどういう調整をすればいいのかわからない状況です。
サンプルページですがこちらが設置しようとしているページです。
https//www.rakuten.ne.jp/gold/SHOP-URL/meanMenu-master/demo.html
(480ｐｘ以下で表示されます)
iframeをこのページの高さに合わせて設定すると商品ページが覆われてしまいリンクなどが
クリックできなくなってしまいます。
これを解決する方法などがございましたらご教授いただければ幸いでございます。
よろしくお願いいたします。
楽天スマホ商品ページに固定ヘッダーナビとしてiframeでハンバーガーメニューを設置しようとしましたがiframe内で高さが可変するページはどういう調整をすればいいのかわからない状況です。
サンプルページですがこちらが設置しようとしているページです。
https//www.rakuten.ne.jp/gold/SHOP-URL/meanMenu-master/demo.html
(480ｐｘ以下で表示されます)
iframeをこのページの高さに合わせて設定すると商品ページが覆われてしまいリンクなどが
クリックできなくなってしまいます。
これを解決する方法などがございましたらご教授いただければ幸いでございます。
よろしくお願いいたします。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2018/10/16 19:07
ECマスターズの田中です。
※RMSの、禁止タグを入力できるバグを利用する方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。………（省略）………
※RMSの、禁止タグを入力できるバグを利用する方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。………（省略）………
- 返信者：非公開（質問者）
- 2018/10/17 09:02
田中様
＞メニューの機敏な伸縮が発生する中で、
＞複雑な構造によって不具合が発生する可能性は
＞多少高くなるかと思いますので、
＞iframeを………（省略）………
＞メニューの機敏な伸縮が発生する中で、
＞複雑な構造によって不具合が発生する可能性は
＞多少高くなるかと思いますので、
＞iframeを………（省略）………
- 返信者：非公開
- 2018/10/17 20:18
ECマスターズの田中です。
> よろしければこちらについての詳細を教えていただけないでしょうか？
たとえば、HTMLタグとして、
一番外側にある<………（省略）………
> よろしければこちらについての詳細を教えていただけないでしょうか？
たとえば、HTMLタグとして、
一番外側にある<………（省略）………
- 返信者：非公開（質問者）
- 2018/10/18 17:09
詳細を教えてくださりありがとうございます。
ですが私にはまだ早いようでうまくいきそうありませんのでiframeResizerを一時的にですが使用することに致し………（省略）………
ですが私にはまだ早いようでうまくいきそうありませんのでiframeResizerを一時的にですが使用することに致し………（省略）………
- 返信者：非公開
- 2018/10/18 17:28
ECマスターズの塚本です。
いただいた本投稿のご質問ですが、
本日技術系の担当者が休みをとっておりますので、
改めて明日回答させていただきます。
………（省略）………
いただいた本投稿のご質問ですが、
本日技術系の担当者が休みをとっておりますので、
改めて明日回答させていただきます。
………（省略）………
- 返信者：非公開
- 2018/10/19 20:29
ECマスターズの田中です。
原因として、
・ハンバーガーメニューがfloatしているため、demo.html自体の高さが変わらない
・iframeRe………（省略）………
原因として、
・ハンバーガーメニューがfloatしているため、demo.html自体の高さが変わらない
・iframeRe………（省略）………
- 返信者：非公開（質問者）
- 2018/10/22 16:07
田中様
お世話になります。
＞まず、最初のパターンに対応するため、
＞下記スタイルシートを、demo.htmlに適用させてください。
適用させてみま………（省略）………
お世話になります。
＞まず、最初のパターンに対応するため、
＞下記スタイルシートを、demo.htmlに適用させてください。
適用させてみま………（省略）………
- 返信者：非公開
- 2018/10/22 18:25
ECマスターズの田中です。
demo.htmlにて読み込もうとされている
iframeResizer.contentWindow.min.js のURL………（省略）………
demo.htmlにて読み込もうとされている
iframeResizer.contentWindow.min.js のURL………（省略）………
- 返信者：非公開（質問者）
- 2018/10/23 09:04
そんな初歩的なミスに気付かず田中様のお手を煩わせてしまい申し訳ありませんでした。
ご多忙のところお手間を取らせてしまったところ大変恐縮にございます。
修………（省略）………
ご多忙のところお手間を取らせてしまったところ大変恐縮にございます。
修………（省略）………
このフォーラムへの質問は終了しました
質問を検索する