테스트 사이트 - 개발 중인 베타 버전입니다

크롬에서 jquery으로 아이프레임 자동 크기 조절 문제가 있습니다. 채택완료

천사밍 10년 전 조회 16,914

아래와 같은 소스로 아이프레임으로 불러온 페이지를 자동으로 높이값을 조절하고 있는데 크롬에서만 오류가 있는것 같습니다. 

 

현재 불러온 아이프레임의 페이지의 높이가 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개

채택된 답변
+20 포인트
10년 전

$(this).height(0); 

$(this).height($(this).contents().find('body')[0].scrollHeight+"px"); 

이렇게 높이를 한번 초기화 했다가 하면 될겁니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

천사밍
10년 전
정말 감사합니다^^;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인