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在同一时间:)