html - 如何在 iframe 中添加滚动条

Question

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

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

</iframe>

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

谢谢

score 26 · Accepted Answer

scrolling="yes"并且frameborder不再是有效的 HTML5 属性。在允许的属性列表中找不到它们，请参阅：W3C：4.7.6。iframe 元素或MDN： <iframe>。

改用 CSS：

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

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

演示

score 3 · Accepted Answer

您在代码中缺少 scrolling="yes" 尝试以下代码

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

score 1 · Accepted Answer

1

scrolling将属性更改为

scrolling="yes"

于 2013-08-21T10:32:31.400 回答

score 1 · Accepted Answer

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

试试风格：

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

score 0 · Accepted Answer

这不是 Firefox、ie 或 edge 的问题。

我解决我的特定问题的方法是删除一个类的溢出：自动并将其替换为（在我目前的情况下）表的父级上的以下内容

class {
 overflow-y: scroll !important;
}

5 回答 5