从iframe中删除滚动条

Question

使用此代码

<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主页上的shoutbox )

如何删除水平滚动条并修改垂直滚动条的CSS？

谢谢.

Answer 1

将scrolling="no"属性添加到iframe.

Answer 2

这适用于所有浏览器.jsfiddle这里http://jsfiddle.net/zvhysct7/1/

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

Answer 3

添加scroll="no"和style="overflow:hidden"iframe不起作用,我不得不添加style="overflow:hidden"加载在iframe内的html文档的主体.

Answer 4

在你的CSS中:

iframe{
    overflow:hidden;
}

Answer 5

只需添加scrolling="no"和seamless="seamless"属性iframe标记.像这样:-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

Answer 6

<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,它不会在任何浏览器中显示滚动条.

Answer 7

在你的CSS中添加它来隐藏两个滚动条

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}

Answer 8

如果此处有人在禁用上的滚动条时遇到问题iframe，那可能是因为iframe的内容在元素下方的html元素上具有滚动条！

某些布局设置为html并设置body为100％高度，并使用#wrapperdiv与overflow: auto;（或scroll），从而将滚动移动到#wrapper元素。

在这种情况下，除了编辑其他页面的内容外，您什么也不会阻止滚动条的显示。

Answer 9

尝试添加scrolling="no"如下属性：

<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>

Answer 10

<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>

Answer 11

将此添加到您的 css 中以仅隐藏水平滚动条

iframe{
    overflow-x:hidden;
}

Answer 12

这是最后的手段，但值得一提 - 您可以使用父::-webkit-scrollbar元素上的伪元素iframe来摆脱那些著名的 90 年代滚动条。

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

编辑：虽然它相对受支持，但::-webkit-scrollbar可能不适合所有浏览器。谨慎使用:)

Answer 13

iframe {
  display: block;
  border: none;         /* Reset default border */
  height: 100vh;        /* Viewport-relative units */
  width: calc(100% + 17px);
}
div {
  overflow-x: hidden;
}

像这样，您可以使 Iframe 的宽度大于应有的宽度。然后你用 overflow-x: hidden 隐藏水平滚动条。