html - 如何在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