2012-08-05 74 views
1

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

但问题在于iframe是一个长卷页面。我不希望滚动显示可见,我只想要本地窗口滚动。

正如你可以在EXAMPLE

看到使网站可见,我将不得不迫使SCROLLING =“是”的iframe中。我能做些什么来避免这种情况,只能使用body(页面)滚动条?

有JavaScripts谁可以解决这个问题,但第二个问题是,我动态加载iframe,所以不是在页面加载。

+0

顺便说一句,我使用Mashable作为例子。实际上,我确实可以控制iframe文档。 – Youss 2012-08-05 08:00:52

+0

有没有特定的浏览器,你正在看这个? – Undefined 2012-08-05 08:21:24

+0

@Sam我在Chrome浏览器中查看它,但当然它应该可以在所有(流行)浏览器中使用。 – Youss 2012-08-05 08:26:10

回答

0

我有一个玩你的代码,我认为它由于一些保证金或填充导致额外的滚动。如果你使用固定大小的div和iframe,它可以像你想的那样工作(我认为)。

看看jsfiddle here

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

+0

问题是,该网页是不可见的...(我想你误解了这个问题) – Youss 2012-08-05 08:12:50

+0

@Youss也许我做了,让我重读,看看我是否误解了任何东西 – Undefined 2012-08-05 08:15:08

0

尝试关闭DIV标签,并把这个代码在页面上太:

html, body { 
height:100%; 
} 

希望有所帮助。

+0

没有帮助 – Youss 2012-08-05 08:42:24

+0

如何添加溢出x:隐藏;和溢出 - Y:隐藏;到iFrame CSS。 – 2012-08-05 08:45:33

+0

我认为主要问题是,我动态加载... CSS的方法不会工作 – Youss 2012-08-05 08:50:58