Javascript 如何使iFrame窗口滚动溢出:隐藏?
我想让Joomla 1.5中的modal box的iframe窗口滚动,但不显示滚动条。如果我通过css设置Javascript 如何使iFrame窗口滚动溢出:隐藏?,javascript,jquery,css,firefox,joomla1.5,Javascript,Jquery,Css,Firefox,Joomla1.5,我想让Joomla 1.5中的modal box的iframe窗口滚动,但不显示滚动条。如果我通过css设置overflow:hidden,它可以在Chrome中工作,但不能在Firefox中工作!有人知道我该怎么做吗?有什么把戏吗?溢出:hidden应该让容器看起来无法滚动(即隐藏滚动条。在Chrome中对您有效的事实只是Chrome的一个怪癖,而不是标准。我的建议是将滚动条留在iframe上,但使用浮动div或父容器将其隐藏。因此,例如,将iframe放在div中。强制将div宽度设置为18
overflow:hidden
,它可以在Chrome中工作,但不能在Firefox中工作!有人知道我该怎么做吗?有什么把戏吗?溢出:hidden
应该让容器看起来无法滚动(即隐藏滚动条。在Chrome中对您有效的事实只是Chrome的一个怪癖,而不是标准。我的建议是将滚动条留在iframe上,但使用浮动div或父容器将其隐藏。因此,例如,将iframe放在div中。强制将div宽度设置为18px(滚动条的自定义宽度)小于iframe的宽度,溢出:隐藏。该帧将继续使用鼠标滚轮滚动,但您将无法看到滚动条
Html:
老实说,overflow:hidden and scrolling,在Firefox之外的任何地方都可以使用!!!我已经找到了这个例子,但我认为可能还有更多的…嗯…标准!!!无论如何,非常感谢你的回答!!!:)@GreenMadness。我会+1你的问题来平衡它!你可以和一些代表一起做:)(另外,你的问题实际上得到了两张反对票。匿名反对票应该被禁止!)
<div><iframe src="http://afakesite.com/"></iframe></div>
iframe {
width: 200px;
border: none;
}
div {
width: 182px;
border: solid 1px black;
overflow: hidden;
}