IFRAME 내부의 열 변형 (HTML)

어떻게해야합니까?IFRAME 내부의 열 변형 (HTML)

iframe은 열 (HTML 테이블) 안에 있지만 iframe 내부의 doc만큼 높은 높이로 만들고 싶습니다.

가능합니까?

출처

2012-03-27 Bachask8

–

td가 자동으로 크기를 조정해야합니다. 문제는 iframe입니다. iframe에 명시적인 높이를 설정하면 제대로 작동합니다. 그러나 자동으로 크기를 조정해야한다면 더 많은 작업을 할 수 있습니다. – Timmerz

JS 사용은 괜찮습니까? –

다음은 답변입니다 (JQuery에서). jQuery를에

는 :

$("#myIframe").on("load", function() 
{ 
    $(this).parent("td:first").css('width', $(this).css('width')).css('height', $(this).css('height')) 
});

출처

2012-03-27 15:45:03

never tryed Jquery, im 이제 시도해보고 어떤 일이 일어나는지 보도록하겠습니다. – Bachask8

어디에서이 코드 조각을 넣어야합니까?, srry로 u가 Jquery에 새로운 것을 볼 수 있습니다 (라이브러리 및 모든 내 proyect에 있음) – Bachask8

당신은 자바 스크립트를 사용하여 콘텐츠의 높이를 계산해야합니다. 나를 위해 작품을 좋아,이 개 프로젝트에 http://th.atguy.com/mycode/iframe_size/

출처

2012-03-27 15:46:42

나는이 코드 조각을 사용하고 있습니다 :

는 현재 작업 예제를 볼 수 있습니다. 이것을 달성하는 더 좋은 방법이 있는지는 모르겠다. (이 코드는 setInterval을 가지고 있으며 iframe의 콘텐츠 높이를 각각 1 초마다 확인하고 높이를 업데이트한다.) 그것은 jQuery도 사용합니다.

let iframe = document.getElementById('your_iframe_id'), 
    current_height = 0, 
    iframe_content = $(iframe).contents().find('body'); 

setInterval(() => { 
    let new_height = iframe.contents().find('body').height(); 
    current_height = new_frame_height(current_height, new_height); 
    iframe.css({ height: current_height }); 
}, 1000) 

function new_frame_height(last_height, height) { 
    if(height != last_height + 60) { 
     last_height = height; 
    } 
    return last_height + 60 
}

iframe은 iframe이 부모로부터 동일한 도메인 아래에있는 경우에만 작동한다고 생각합니다. 그렇지 않은 경우 브라우저의 교차점 블록에서 부모가 자녀의 콘텐츠를 읽을 수 없습니다.

출처

2017-10-17 16:27:17

IFRAME 내부의 열 변형 (HTML)

답변

관련 문제