使用浏览器滚动条而不是iframe滚动条

时间:2012-08-31 09:58:20

标签: javascript html iframe

我有一个包含两个iframe内容的页面,这些内容是水平分割的。左边是树视图类型,其大小最初为零。总是显示正确的一个。当右侧iframe中的内容大小增加时,它会创建一个滚动条。没有为iframe显示垂直滚动条,但浏览器滚动条会调整垂直滚动。

水平滚动条也可以这样做吗?我把iframe作为scrolling = auto; frameborder = 0; height = 100%等我检查的许多问题都说是隐藏滚动条或对齐问题。我似乎无法找到这样的东西。 请指教。

感谢。

更新

jsFiddle Link

在此链接中我的主要内容有滚动条,浏览器也有滚动条。我只是想使用浏览器的滚动条而不是iframe。

1 个答案:

答案 0 :(得分:1)

您需要做的是将内部元素的溢出设置为隐藏。这可以使用div和其他元素。

不幸的是,这在iframe中是不可能的。浏览器不允许访问内部元素,因为这可能是一个主要的安全漏洞,允许您将代码注入任何页面。

请参阅this fiddle并查看控制台中记录的消息(在Firefox中的Firebug中更好地查看)。

但是,您可以做的是计算iframe内的文档高度,并相应地设置iframe高度,避免使用内部滚动条。请参阅this question

干杯,Apoc。