iframeにスクロールバーを設定したいが表示されない

Question

いつもお世話になります。

先日https://forum.ec-masters.net/post_view.php?id=9134こちらで設定したiframeにスクロールバーを付けたいと思うのですがどうもうまくいきません。

スクロールバーを表示させたいiframe


iframeが埋め込まれているページ
https://item.rakuten.co.jp/ra-imu/sample/　(スマホページ)


スクロールバーが表示されない考えられる原因としてなにがありますでしょうか？
よろしければお力添えをいただければと思います。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

いただいたiframeタグは、iframeResizerによって
常にページ内容の高さと同じ高さに調整されており、
iframeからはみ出す内容が存在しないため、
スクロールバーも表示されません。

メニューの高さに上限をもたせたい場合は、
demo.htmlの中で完結するようご設定ください。

たとえば、
に対して max-height と overflow-y: scroll; を設定する、
といった方法になります。

Answer

田中様
いつもありがとうございます。