在Firefox上隐藏HTML5中iFrame的滚动条而不编辑SRC

时间:2012-05-02 16:23:45

标签: html5 firefox scrollbar hide

我已经阅读了有关隐藏垂直滚动条的所有类似问题。

似乎是一个反复出现的问题,以下技巧在IE和Chrome中有效,但不适用于Firefox。

例如:

    overflow:hidden在iframe上没有效果。

  • 在iframe周围添加div overflow:hidden时没有 工作

  • 使用seamless html5类作为iframe无效。

  • scrolling="yes" overflow:hidden没有效果。

  • {li>

    scrolling="no"overflow:hidden(和没有)没有 工作

  • iframe::-moz-scrollbar {display:none;}没有效果。

  • ...

Firefox是否有可用的HTML / CSS标签? 我必须切换到JS吗?

注意:我无法编辑SRC文件。我正在Twitter Bootstrap 2.0.3中构建我的页面。

以下是SRC的主要html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="ctl00_Html1" lang="en-us" dir="ltr" __expr-val-dir="ltr" xmlns:o="urn:schemas-microsoft-com:office:office"> <head id="ctl00_Head1"> <body class="v4master" onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();" scroll="no"> </html>

感谢您的帮助! 亚当


喜欢@hobberwickey说...

我无法隐藏滚动条,因为我无法编辑的页面内容溢出。

如果有办法改变这一点......所有的耳朵。 :)

3 个答案:

答案 0 :(得分:1)

不知道你的HTML和CSS实际上是什么样子很难说,但我猜你会想要应用这些样式,

位置:相对或绝对; 最大宽度:100%; 最大高度:100%; 溢出:隐藏;

将html和body元素转换为iframe中的CSS文件,而不是父窗口内的CSS文件。

答案 1 :(得分:0)

实际上对我来说它适用于:  宽度=&#34; 100%&#34;高度=&#34; 1000像素&#34;滚动=&#34;是&#34;风格=&#34;显示:内联;溢出-γ:隐藏;&#34;

答案 2 :(得分:0)

滚动条显示的原因是因为有滚动的东西。所以不要对它感到困难并删除滚动内容。换句话说,使您的内容小于必须显示的iframe。使身体均匀显示内容,使iframe更大一些。并且没有滚动条,因为没有可滚动的内容。如果没有标签/属性,则不得创建使用标签/属性的原因。

罗伯托菲利普。