在div容器中适合iframe

时间:2012-08-05 07:53:08

标签: javascript jquery css iframe scroll

我有div(容器)高度:100%;我在这个div里面有一个iframe,身高也是100%;现在整个Iframe页面在div中可见。

然而问题是iframe是一个有滚动的长页面。我不希望滚动显示,我只想要原生窗口滚动。

正如您在EXAMPLE

中所看到的

要使网站可见,我必须强制对iframe强制滚动=“是”。我该怎么做才能避免这种情况,只能使用正文(页面)滚动?

有javascripts可以修复此问题,但第二个问题是我正在动态加载iframe,因此不会在页面加载时加载。

2 个答案:

答案 0 :(得分:0)

我玩了你的代码,我认为它是由于一些边距或填充导致了额外的滚动。如果你使用固定大小的div和iframe它可以按你的意愿工作(我认为)。

看看jsfiddle here

唯一的变化是你的CSS,将div和iframe的高度更改为300px。

答案 1 :(得分:0)

尝试关闭您的DIV代码并将此代码放在页面上:

html, body {
 height:100%;
}

希望有所帮助。