아이폰 iframe 이슈

아이폰/아이패드 iOS7버전에서 iframe 스크롤이 안되는 현상이 발생한다.

편법으로 스크롤을 생성하는 방법을 소개한다.

 

<style>
    .frameBox{overflow:auto;-webkit-overflow-scrolling:touch;width:100%;height:500px}
</style>

<div class="frameBox">
    <iframe src="a.php" frameborder="0" width="100%" height="501px" marginwidth="0" marginheight="0" border="0"></iframe>
</div>
 

iframe을 div로 감싸주고, 감싸준 div에 스타일을 적용.

이때 iframe의 height값이 div보다 작으면 스크롤이 안되므로, 좀 더 크게 잡는다.