如何在iframe中添加滚动条

Question

我想在iframe中添加滚动条。以下是我的代码。

<iframe src="http://www.w3schools.com"  width="1349px" height="100%" scrolling="auto">

</iframe>

我在Drupal 7中写这个。问题是它没有显示带有滚动条和边框的iframe。之前我只是设置了没有宽度和高度的源以及滚动选项，它显示了带有滚动条的iframe，但是在添加宽度和高度之后，它消失了。

由于

Answer 1

scrolling="yes"以及frameborder不再是有效的HTML5属性。在允许的属性列表中找不到它们，请参阅：W3C: 4.7.6. The iframe element或MDN: <iframe>。

改用CSS：

iframe {
    overflow: scroll;
    width: 1349px;
    height: 100%;
    border: 1px solid black;
}

但实际上所有浏览器都会在需要时立即显示滚动条。

<强>演示

Try before buy

Answer 2

您在代码中缺少scrolling =“yes”，请尝试以下代码

<iframe src="http://www.w3schools.com"  width="1349px" height="100%" scrolling="yes">
</iframe>

Answer 3

将scrolling属性更改为

scrolling="yes"

Answer 4

将scrolling =“auto”更改为 scrolling =“yes”并添加 frameborder =“1”

尝试风格：

iframe {
   border: 1px solid #000 !important;
   overflow: scroll !important;
}

Answer 5

这不是Firefox的问题，即Edge。

我解决特定问题的方法是消除类的溢出：自动 并将其替换为表的父级（在我当前的情况下）

class {
 overflow-y: scroll !important;
}