2026, 새로운 도약을 시작합니다.

아이프레임 자동높이 재질문 채택완료

부모파일

Copy






  let iframe = document.getElementById('myiframe');

  

  window.addEventListener('message', function(e) {

    let message = e.data;

    iframe.style.height = message.height + "px";

  } , false);

자식파일 (01.html)

Copy




window.addEventListener('load', function() {

  let message = {height: document.body.scrollHeight};    

  window.top.postMessage(message, "*");

});



 



이동



자식파일 (02.html)

Copy




window.addEventListener('load', function() {

  let message = {height: document.body.scrollHeight};    

  window.top.postMessage(message, "*");

});



 



이동



main.html 구동시 아이프레임 내에서 링크 이동시, 파일 높이에 맞게 조절이 되지 않습니다.

방법이 있을까요..?

답변 2개

채택된 답변
+20 포인트

부모가 자식의 높이를 인지하면 되지 않을까요?

var iframe = $('iframe').contents().find('body');
var iframe_child_height = iframe.높이;

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

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

최초 iframe 로드시엔 현재 높이를 부모에 전달하지만

이후 자식 iframe 내에서 링크를 이동할때

이동한 페이지에서는 현재 높이를 부모에게 전달하지 않아서 그렇습니다.

최초 로드시 부모에게 전달하는 코드를 모든 페이지에 넣어주시거나

_head.php 처럼 공통으로 include 하는곳에 넣어주셔야 합니다.

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

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

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

로그인
🐛 버그신고