아이프레임 자동높이 재질문 채택완료
부모파일
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 포인트
1년 전
부모가 자식의 높이를 인지하면 되지 않을까요?
var iframe = $('iframe').contents().find('body');
var iframe_child_height = iframe.높이;
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
최초 iframe 로드시엔 현재 높이를 부모에 전달하지만
이후 자식 iframe 내에서 링크를 이동할때
이동한 페이지에서는 현재 높이를 부모에게 전달하지 않아서 그렇습니다.
최초 로드시 부모에게 전달하는 코드를 모든 페이지에 넣어주시거나
_head.php 처럼 공통으로 include 하는곳에 넣어주셔야 합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인