javascript - 如何使 iFrame 窗口滚动溢出：隐藏？

Question

我想让 Joomla 1.5 中模态框的 iframe 窗口滚动，但不显示滚动条。如果我overflow:hidden通过 css 设置它可以在 Chrome 中工作，但不能在 Firefox 中！有谁知道我该怎么做？有什么诀窍吗？

Answer 1

Overflow: hidden应该给出容器无法滚动的外观（即隐藏滚动条。在 Chrome 中适用于您的事实只是 Chrome 的一个怪癖，而不是标准。我的建议是将滚动条留在 iframe 上但隐藏它使用浮动 div 或父容器。例如，将 iframe 放在 div 内。强制 div 宽度为 18px（滚动条的估计宽度）小于 iframe 的宽度溢出：隐藏。框架将继续使用鼠标滚轮滚动，但您将看不到滚动条。

这里的工作示例。

html:

<div><iframe src="http://afakesite.com/"></iframe></div>​

CSS：

iframe {
    width: 200px;
    border: none;
}
div {
    width: 182px;
    border: solid 1px black;
    overflow: hidden;
}​