Как интегрировать сайт и полосу прокрутки iframe?

Question

Я пытался интегрировать полосы прокрутки своего сайта с iframe, так что мне нужно включить iframe на мою страницу, но мне нужно показать только одну полосу прокрутки. Вы можете увидеть пример здесь: http://jsfiddle.net/SQXUC/2/

Моя цель - иметь только внешнюю полосу прокрутки в этом примере, то есть прокрутить сайт iframe как часть моей собственной страницы. Я нашел несколько вопросов StackOverflow , которые помогают мне понять, как это работает, но после многих испытаний я не смог найти никакого способа сделать это. Как jquery / javascript, так и CSS-решения подходят для меня.

Answer 1

Возможное решение в javascript:

<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>

Изменить: Я нашел этот вопрос: Заставить iframe занять вертикальное пространство , которое имеет более простое решение:

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

"Возможно, вы захотите добавить scrolling =" no "к вашему IFRAME, чтобы отключить полосы прокрутки."