HTML5:Iframe没有滚动?
当涉及到HTML5,滚动属性不再支持 – 但我仍然需要删除滚动条 – 如何做到这一点?
在HTML5中没有滚动属性,因为“它的function更好地被CSS处理”,请参阅http://www.w3.org/TR/html5-diff/了解其他更改。; 那么和CSS解决scheme:
CSS解决scheme:
HTML4的scrolling="no"
是CSS的overflow: hidden
的一个别名overflow: hidden
,这样做是重要的设置大小属性宽度/高度:
iframe.noScrolling{ width: 250px; /*or any other size*/ height: 300px; /*or any other size*/ overflow: hidden; }
添加这个类到你的iframe,你就完成了:
<iframe src="http://www.example.com/" class="noScrolling"></iframe>
! 重要的提示 ! : overflow: hidden
for <iframe>
并不是所有现代浏览器都完全支持(即使chrome也不支持它),所以现在( 2013 )最好使用Transitional版本,并使用scrolling="no"
和overflow:hidden
在同一时间:)