如何整合網站和iframe滾動條？

我一直在嘗試將我的網站滾動條與iframe集成，它是，我需要在我的頁面中包含一個iframe，但我只需要顯示一個滾動條。你可以在這裏看到一個例子：http://jsfiddle.net/SQXUC/2/如何整合網站和iframe滾動條？

我的目標是隻有外滾動條在這個例子中，它是滾動的iframe網站作爲自己的網頁的一部分。我發現some StackOverflow questions可以幫助我理解它是如何工作的，但經過很多測試後，我找不到任何方法來做到這一點。 jquery/javascript和CSS解決方案都適用於我。

來源

2011-11-23 Ivan

是的，我的目標是隻有我的頁面滾動條，沒有外部網站滾動條。這與我不希望用戶需要滾動iframe內容相同:) – Ivan

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

編輯：我發現了這樣一個問題：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關閉滾動條。「

來源

2011-11-23 11:41:50 Yisela

如何整合網站和iframe滾動條？

回答

相關問題