HTML5:Iframe没有滚动?

前端之家收集整理的这篇文章主要介绍了HTML5:Iframe没有滚动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当谈到HTML5,滚动属性不再支持 – 但我还需要删除滚动条 – 如何做到这一点?

解决方法

在HTML5中没有滚动属性,因为“其功能更好地由CSS处理”,参见 http://www.w3.org/TR/html5-diff/的其他更改。好了和CSS解决方案:

CSS解决方案:

HTML4的scrolling =“no”是CSS的溢出的别名:hidden,为此,设置大小属性很重要width / height:

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)它仍然更好使用过渡版本和使用scrolling =“没有”和溢出:隐藏在同一时间:)

猜你在找的HTML5相关文章