如何删除iframe上的滚动条?

时间:2016-02-02 13:46:39

标签: html css html5 css3 iframe

我在网站上添加了一个基本的iframe,它显示了我无法以任何方式摆脱的滚动条(垂直和水平)。我已经在网上阅读了很多关于它的内容,似乎没有任何工作(比如溢出:隐藏,或者滚动="没有")。截至2016年/ 2016年,解决此问题的最佳和最标准方法是什么?

谢谢!

3 个答案:

答案 0 :(得分:0)

使用以下CSS:

iframe::-webkit-scrollbar {
  display: none;
}

答案 1 :(得分:0)

我想说

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

CSS

iframe { overflow:hidden; }

<body>
      <div class="ifrm">
        <iframe src="http://tholman.com/elevator.js/" height="300" width="300" scrolling="no"</iframe>
      </div>
    </body>

答案 2 :(得分:0)

HTML5不支持<iframe>滚动属性。请改用CSS。 scrolling属性指定是否在<iframe>中显示滚动条。通常情况下,当内容大于<iframe>时,滚动条会显示在<iframe>中。

iframe {
    overflow: hidden;
}