javascript - 如何使 iFrame 窗口滚动并溢出 :hidden?

Question

我想让Joomla 1.5中模态框的iframe窗口滚动，但不出现滚动条。如果我通过 css 设置 overflow:hidden ，它可以在 Chrome 中运行，但不能在 Firefox 中运行!有人知道我该怎么做吗？有什么技巧吗？

Answer 1

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

Working example here .

HTML:

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

CSS:

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