【问题标题】:Scrolling=no! does not hide the scroll滚动=不!不隐藏滚动
【发布时间】:2011-04-21 21:44:45
【问题描述】:

根据“validator w3c”,iframe 元素上的滚动属性已过时。这意味着对于 iFrame,有一个 Scrolling="no" CSS 等效项。

我尝试过: Overflow: hidden; 但没有成功。

这里有一个例子:

1)Scrolling="no" (it works fine)

但是 w3c 确实会抱怨

2)Scrolling="no" CSS equivalent, (it doesn't work because it shows the scroll)

【问题讨论】:

  • 出于好奇,为什么对 W3 验证器结果如此关注?
  • @anton 您应该返回您的个人资料并查看您过去提出的问题,然后单击正确答案旁边的绿色问号。这可以让帮助过您的人获得奖励。
  • 溢出:隐藏示例适用于 FF 3.6;哪个浏览器不工作?
  • @oblig IE,当然。它始终是 IE。 -bashes 面对键盘-
  • 其实我看了Chrome、IE9、Opera、Safari。滚动出现在所有这些中。 FF 是一个不显示卷轴的奇怪的输出。

标签: html css


【解决方案1】:
scroll: 'no'

不是有效的 CSS 属性。

众所周知,IE 在 iF​​rame 和 CSS 溢出属性方面存在问题。

确实,这里最好的解决方案是在 iFrame 标记中使用 scrolling="no"。确实它不符合 W3 标准 - 但没有客户会因为您的站点存在 W3 标准问题而离开您的站点。一般人甚至不知道 Web 标准是什么,更不用说 W3 了。

【讨论】:

  • @zxt 提到了这个:Actually, I looked at Chrome, IE9, Opera, Safari. Scroll appears in all of them. FF is the odd one out that doesn't show a scroll.
【解决方案2】:

以下 javascript 在 FF、chrome 和 IE 中为我工作

var el = document.getElementById("iframeid")
el.scrolling = "no"; //FF & Chrome
el.contentWindow.document.documentElement.style.overflow="hidden"; //IE

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-02
    • 2015-12-05
    • 2014-09-14
    • 1970-01-01
    相关资源
    最近更新 更多