iframe의 너비가 고정되어 있고 동적 인 경우

iframe을 고정 폭 (.ex. 75 %) 및 동적 높이으로 사용할 수 있습니까? 내가 달성하고 싶은 것은 iframe에로드 된 페이지가 지정된 것보다 넓지는 않지만 페이지의 내용에 따라 길이가 달라야한다는 것입니다. 그것은 5 줄의 텍스트가있는 페이지입니까? 프레임은이 5 줄을 표시 할만큼 커야합니다. 1000 행의 큰 문서를로드하는 중이면 Iframe 높이가 자동으로 조정됩니다.iframe의 너비가 고정되어 있고 동적 인 경우

전제 조건 :

프레임의 URL은 부모와 다른 도메인에 있습니다.
코드는 휴대 전화 브라우저에서도 작동합니다.
가능하면 jQuery를 피하려고 노력합시다. (이상을보다 빠르게 만들기 위해)

출처

2011-03-21 Dayson

중복 (http://stackoverflow.com/questions/를 도울 수 153152/iframe 기반 콘텐츠 기반 콘텐츠) – mplungjan

iframe 높이는 페이지 렌더링 코드 또는 JavaScript를 사용하여 조작 할 수 있지만 콘텐츠를 기준으로 동적으로 크기를 조정할 수있는 방법은 없습니다.

mplungjan의 덧글에있는 링크는이 주제에 관한 정말 좋은 소식을 제공합니다.

출처

2012-02-03 20:44:34 farina

나는 당신이 그것을 피하고 싶지만 정말 당신의 사이트에 부담이 될 정도로 당신을 천천히해서는 안됩니다 알아요. 나는 jquery로 훨씬 더 미친 짓을했고 그것은 챔피언처럼 취급됩니다. "동적"이라고 말하면 보통 어떤 점에서 자바 스크립트를 만지면 안심할 수 있습니다. P

$(selector)[0].scrollHeight

역동적으로 만드는 방법은 무엇입니까? 높이를 조정할 간격을 설정할 수 있습니다. 이 같은

뭔가 :

function setHeight(selector){ 
    var contentHeight = $(selector)[0].scrollHeight; 
    $('#iframe-id').attr('height', contentHeight); 
}

는 그런 다음 페이지로드로드 중 하나 또는 당신이 setInterval을에 포장.

그냥 JQuery와 일이 당신은 자바 스크립트를 꺼리지 않는 경우,이 사이트는 당신에게 [콘텐츠를 기반으로 iframe을 크기 조정]의 http://www.mattcutts.com/blog/iframe-height-scrollbar-example/

출처

2012-05-20 17:20:51

iframe의 너비가 고정되어 있고 동적 인 경우

답변

관련 문제