삽입 된 IFRAME이 스크롤하지 않아도되는 DIV 스타일링

Question

iframe을 div 컨테이너에 삽입하면 삽입 된 내용의 스크롤 막대가 결코 존재하지 않게 할 수 있습니다 (포함 된 내용은 결코 넓지는 않지만 종종 충분히 높습니다). 세로 스크롤바가 나타납니다). 즉

, 나는 정의 할 수있는 방법을

<div class="embedded"> 
    <iframe class="embedded" src="http://xxx.yyy.zzz/content.html"></iframe> 
</div> 

을 부여

div.embedded { } 
iframe.embedded { } 

포함 된 내용이 항상 완전히 볼 수 있으며 스크롤 바를 사용하지 않도록?

Answer 1

http://davidjbradshaw.github.io/iframe-resizer/ 라이브러리를 사용하여 iFrame의 콘텐츠 크기를 유지할 수 있습니다.

예 : http://davidjbradshaw.com/iframe-resizer/example/는

Answer 2

이 그것을 수행해야합니다 당신이 iFrame 자체가 더 이상 콘텐츠에 대해 키가 성장하려면

/* Hide all scrollbars for the iframe */ 
iframe.embedded { overflow: hidden; } 

/* Hide all scrollbars for the div, but display the vertical scrollbar if content exceeds the height. */ 
div.embedded { overflow: hidden; overflow-y: auto; } 

가 여기에 possibly related question on Stack Overflow

있어, 자바 스크립트를 포함하고 이 in this Stack Overflow question 대답하였습니다.