ライスどうも、帰りの電車では必ず隣の人に迷惑をかけます。今回はちょっと技術的な話です。たいしたアレでもないですが、ちょっと解決方法を見つけるのに手間取ったんで。PCサイトで、ライトボックス的なJSってよく使うと思うんですが、iPhoneとかiPadで見た時(Android端末は未検証ですごめんなさい)に、iframeでhtmlファイルを読み込むと、ウィンドウサイズよりモーダルウィンドウ(表現合ってるかな?)のサイズが大きい場合、スクロールが出来ないんですよね。iPhoneとかiPadのSafariでは、iframeのoverflowが効かない、のが原因ぽいです。そらそうか、っていうのもあるんですけど、いかんせん、いかんせん。参照:iPadのSafariではiframeのoverfrowが効かないhttp://www.luigibox.com/00_lab/iframeForiPadSafari/で、上記の通りやってみたんですが、モーダルウィンドウの画面全体でスクロールを有効にしたい云々、諸々ありまして、うなってたら・・・アレですわ。colorbox使って、モーダルウィンドウとして読み込むhtmlファイルのソースをdivで構成してやったらできました。htmlタグは使わずに、divで。強引かもしれんけど、なんとかいけました。id=”container”>・・・</div></div>*************************/参照:colorboxhttp://www.jacklmoore.com/colorbox色々と保証はできないですが、もし、今回のような問題でお困りの方は一度試してみてくださいまし。背景に画像指定すれば問題ないかと思うのですが、親divに対してfixpngを行うとie6で効かないみたいでした。あと、こちらでは再現できなかたったのですが、position指定した時挙動が不安定になることがあったので、位置を弄ぶ時は注意が必要なのかもしれません。