사이트 및 iframe 스크롤 막대를 통합하는 방법은 무엇입니까?

Question

내 사이트 스크롤바를 iframe과 통합하려고했는데, 내 페이지에 iframe을 포함해야하지만 스크롤바 하나만 표시해야합니다. , 그것이, http://jsfiddle.net/SQXUC/2/

내 목표는이 예제 만 외부 스크롤을하는 것입니다 내 자신의 페이지의 일부로서 iframe이 사이트를 스크롤 : 현재 예를 볼 수 있습니다. 나는 그것이 작동하는 방법을 이해하는데 도움이되는 some StackOverflow questions을 찾았지만, 많은 테스트를 한 후에 그것을 할 방법을 찾지 못했습니다. jquery/javascript와 CSS 솔루션 모두 저에게는 유효합니다.

Answer 1

자바 스크립트에서 가능한 솔루션 :

<script type="text/javascript"> 

moz=document.getElementById&&!document.all 
mozHeightOffset=20 

function resize_iframe(){ 
document.getElementById("sizeframe").height=100 // required for Moz bug, value can be "", null, or integer 
document.getElementById('iframe_id').height=window.frames["iframe_name"].document.body.scrollHeight+(moz?mozHeightOffset:0) 
} 
</script> 

HTML :

<iframe width=300 id="sizeframe" name="sizeframe" src="" scrolling="no" frameborder="yes" onload=resize_iframe()></iframe> 

편집 : Making an iframe take vertical space 간단한 해결책이 있습니다 :

<script type="text/javascript"> 
the_height = document.getElementById('the_iframe').contentWindow.document.body.scrollHeight; 
document.getElementById('the_iframe').height = the_height; 
</script> 

"당신은 수도를 나는이 질문을 발견 스크롤 막대를 끄려면 IFRAME에 scrolling = "no"를 추가하십시오. "