크롬에서 jquery으로 아이프레임 자동 크기 조절 문제가 있습니다.
본문
아래와 같은 소스로 아이프레임으로 불러온 페이지를 자동으로 높이값을 조절하고 있는데 크롬에서만 오류가 있는것 같습니다.
현재 불러온 아이프레임의 페이지의 높이가 1,200px 이고 다음에 불러온 아이프레임의 높이가 600px 이면 높이가 그냥 1,200px로 머물러 있습니다. 다시 높이가 1,200px 보다 큰 페이지를 불러오면 높이값은 자동으로 더 높게는 변하는데 높이가 줄지는 않습니다. 익스플로러에서는 잘 되는데 크롬에서만 문제가 생기네요.
혹시 이 jquery를 수정할 방법이 있을까요?
답변 부탁드립니다.
<iframe id="iframe1" name="safety_iframe" src="./safety_system_01.php" width="100%" scrolling="no" frameborder="0"></iframe>
<script type="text/JavaScript">
$(document).ready(function(e) {
$('#iframe1').load(function() {
$(this).height($(this).contents().find('body')[0].scrollHeight+"px");
});
});
</script>
답변 1
$(this).height(0);
$(this).height($(this).contents().find('body')[0].scrollHeight+"px");
이렇게 높이를 한번 초기화 했다가 하면 될겁니다.
정말 감사합니다^^;
답변을 작성하시기 전에 로그인 해주세요.