Question

如何删除iframe的scrllbars？在Firefox中它很容易，但是我发现自己无法实现这种效果以与所有主流浏览器兼容。

Answer 1

如果CSS技术不适合您，请尝试将属性scrolling="no"添加到iframe HTML标记。

<iframe scrolling="no" src="..." >

Answer 2

CSS

iframe {
   overflow: hidden;
}

和/或使用Coin_op's answer，似乎更好。

Answer 3

除了Alex的答案之外，我还必须添加以下内容以从FF和Chrome中删除水平工具栏。这是在i-frame页面中添加的，即使它也可以在css中添加它：

    <style>
        iframe::-webkit-scrollbar {  
        display: none;
    }  
    </style>

Answer 4

<iframe runat="server" id="_theFrame"  src="url" width="100%" scrolling="no" height="200" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" style="display: block; background: none repeat scroll 0% 0% transparent; width: 100%;" />

如何删除iframe的滚动条？

4 个答案:

CSS