Question

我想让Joomla 1.5中的模态框的iframe窗口滚动，但不显示滚动条。如果我通过css设置overflow:hidden，则可以在Chrome中使用，但不适用于Firefox！有谁知道我该怎么做？任何伎俩？

Answer 1

Overflow: hidden应该给出容器无法滚动的外观（即隐藏滚动条。在Chrome中适合你的事实只是Chrome的 quirk ，而不是我的建议是将滚动条保留在iframe上，但用浮动div或父容器隐藏它。例如，将iframe放在div中。强制div宽度为18px（滚动条的估计宽度）小于具有overflow：hidden的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;
}

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

1 个答案: