2010-05-24 55 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