2010-05-24 59 views
10

在IE7中有一個煩人的問題。我有一個網站,在每個頁面底部都有一個Iframe,在我的生活中,我無法隱藏滾動條。這只是在IE7中,我測試過的其他所有瀏覽器都沒問題。iframe總是在IE7中顯示滾動條

我有滾動=「否」並設置溢出:隱藏;仍然沒有工作。

如果任何人有任何他們可以建議,我會很感激

http://www.keyscape.co.uk是網站

乾杯 馬丁

+0

看到這裏,我想:http://stackoverflow.com/questions/67354/dreaded-iframe-horizo​​ntal-scroll-bar-cant-be-removed-in-ie – OpaCitiZen 2012-05-09 08:49:37

回答

7

嘗試IFRAME內容的BODY標籤設置爲<BODY scroll="no">並添加繼CSS之後的內容頁面:

html 
{ 
    overflow:hidden; 
} 
+0

感謝您的建議,沒有奏效雖然 – 2010-05-24 16:33:00

+0

我過去做過的另一件事是設置IFRAME中內容的寬度和高度,並使用絕對位置。嘗試一下。 – 2010-05-24 16:50:02

+0

身體的東西是重要的注意事項 – 2012-04-11 15:07:33

17

a我的iframe目標頁面的主體dding scroll =「no」爲我工作。總之,這裏的額外的克魯夫特我已經添加到我的iframe的各種瀏覽器,也許這將幫助別人:

iFrame的HTML源文件:

<iframe width="280" height="196" src="http://dev.example.com/source.html" 
style="overflow:hidden;" marginheight="0" marginwidth="0" frameborder="0"> 
</iframe> 

<body style="overflow:hidden;" scroll="no"> 

頁上的iframe代碼

+0

偉大的答案完美作品 – 2012-11-02 11:44:55

2

通過使用jQuery從父頁

<script type="text/javascript"> 
$('#iframeid').contents().find('body').css('overflow', 'hidden'); 
$('#iframeid').contents().find('body').attr('scrolling', 'No'); 
</script> 

利用這一點,它應該工作。

+2

如果您正在iframing的頁面在不同的域(安全原因),這將無法正常工作, – 2013-06-27 17:21:52