弊社楽天SPトップページについて

Question

上部のスライダーについて


flickslider/index.htmlをiframeで呼び出してwidth="100%"で表示させると、android端末のみheightがうまく合わない状況です。現在pxで無理やり指定させ表示させている状態です。

iframeの高さを自動で調整させることはできないでしょうか。

common/js/jquery.iframe-auto-height.jsで調整を行いましたがうまく表示されません。
アドバイス頂けますでしょうか。

Accepted Answer

ECマスターズの田中です。

私にて再度確認したところ、
iframeAutoHeight関数によって、
正常に高さが調整されていることを確認いたしました。

１点ご注意いただきたいのですが、
flickslider/index.html の中で jquery.min.js を参照するURLが
http:// から始まっており、https経由で読み込むことができなくなっておりますので
https:// に修正をお願いいたします。
（外部リンクになりますので、可能であれば jquery.min.js を
　楽天GOLDにアップロードしてご利用ください）

Answer

ECマスターズの田中です。

sp/index.html を確認したところ、
iframeAutoHeight関数を動作させる部分が
コメントアウトされており、実際の動作を確認することができませんでした。
実際にifraemAutoHeight関数を動作させた様子の確認できる、
sp/index.html を複製したページなどをご用意いただくことはできますでしょうか。

あるいは、スタイルシートでご対応いただければと思います。
スライダーの高さは、
横幅320px未満の場合 230px
横幅320px以上の場合 横幅の約0.71倍
となっておりますので、

height="263px"
の代わりに、
style="height:0.71vw;min-height:230px;"
とご記入いただき、Androidでの表示をご確認いただけますでしょうか。

Answer

>>iframeAutoHeight関数を動作させる部分が
>>コメントアウトされており、実際の動作を確認することができませんでした。

昨日スライダーをリニューアルしまして、

jQuery('iframe').iframeAutoHeight();
の記述が抜けていたようです。

現状改善されたように思います、念の為一度ご確認頂くことは可能でしょうか。