如何使用 jQuery 动态设置溢出属性?
当鼠标悬停在 iframe 上时,我尝试将 css overflow
属性动态设置为 scroll
。但悬停时不显示滚动条。
我在 firefox 5.0 版本中对此进行了测试,
下面是 jsfiddle: http://jsfiddle.net/sukumar/6ERtz/7/
I'm trying to set the css overflow
property to scroll
dynamically when the mouse is hovered to an iframe. But it's not displaying the scroll bar when hovered.
I tested this in firefox version 5.0
Below is jsfiddle:
http://jsfiddle.net/sukumar/6ERtz/7/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
覆盖 IFRAME 元素的显示属性。强制 IFRAME 为
display:block
可以解决该问题。这是由于 Firefox 中
IFRAME
的默认display
值是inline
。内联元素无法获得滚动条,因此您的IFRAME
会被裁剪。Overwrite display property for
IFRAME
element. Forcing IFRAME to bedisplay:block
solves the problem.This is due to default
display
value forIFRAME
in Firefox which isinline
. Inline elements can't get scrollbars so yourIFRAME
is cropped.