如何獲得溢出：自動在IE和Chrome中爲iframe工作？

我有一個iframe，我希望它只在需要顯示更多內容時才添加滾動條。我在iframe上設置了「auto」溢出。這不會在Chrome或IE瀏覽器：如何獲得溢出：自動在IE和Chrome中爲iframe工作？

enter image description here

這裏的HTML：

<!DOCTYPE html> 
<html> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>Hide iFrame scrollbars</title> 

<style type="text/css"> 
    body{ 
     height: 500px; 
    } 
    iframe{ 
     overflow: auto; 
     height: 570px; 
     width: 1000px; 
    } 
</style> 

</head> 

<body> 
    <iframe src="http://www.google.co.za"></iframe> 
</body> 

</html>

事情我已經嘗試過（並且已建議對SO）：設置父元素和iframe的尺寸，在iframe上設置滾動=「否」，將溢出設置爲「隱藏」。所有這些都會導致不需要的行爲。

如何讓滾動條僅在需要時才顯示？

來源

2011-07-13 cfouche

這滾動的Chrome（和我在IE中承擔過多）是由HTML設置好的（或身體，我不記得確切現在）元素的iframe

來源

2011-07-13 09:34:21 SergeS

SergeS嗨。我不確定我瞭解你的建議。你能澄清一下嗎？ – cfouche

嘗試爲頁面的html和body標籤設置「overflow：auto」，您正在加載到iframe中。（如果你真的想在那裏加載谷歌，使用JavaScript） – SergeS

如何獲得溢出：自動在IE和Chrome中爲iframe工作？

回答

相關問題