从iframe删除滚动条
使用这个代码
<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
这是怎么回事( http://www.talkjesus.com主页上的留言箱)
如何删除水平滚动条并修改垂直滚动条的CSS?
谢谢。
在你的CSS:
iframe{ overflow:hidden; }
将scrolling="no"
属性添加到iframe。
这适用于所有浏览器。 jsfiddle这里http://jsfiddle.net/zvhysct7/1/
<iframe src="http://buythecity.com" scrolling="no" style=" width: 550px; height: 500px; overflow: hidden;" ></iframe>
<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;
使用上面的div,它不会在任何浏览器中显示滚动条。
在iframe上添加scroll =“no”和style =“overflow:hidden”不起作用,我不得不在iframe的内部加载html文档体上添加style =“overflow:hidden”。
添加这个在你的CSS隐藏两个滚动条
iframe { overflow-x:hidden; overflow-Y:hidden; }
只需添加scrolling="no"
和seamless="seamless"
属性iframe标记。 喜欢这个:-
1. XHTML => scrolling="no" 2. HTML5 => seamless="seamless"
把这个添加到你的css来隐藏水平滚动条
iframe{ overflow-x:hidden; }
如果这里的任何人在禁用iframe
上的滚动条时遇到问题,可能是因为iframe的内容在html
元素下面的元素上有滚动条!
有些布局设置html
和body
为100%的高度,并使用#wrapper
div overflow: auto;
(或scroll
),从而将滚动移动到#wrapper
元素。
在这种情况下,除非编辑其他页面的内容,否则不会显示滚动条。