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

发布时间：2020-12-14 19:38:28 所属栏目：资源来源：网络整理

导读：我想在iframe中添加滚动条.以下是我的代码. iframe src="http://www.w3schools.com" width="1349px" height="100%" scrolling="auto"/iframe 我在Drupal 7中写这个.问题是它没有显示带有滚动条和边框的iframe.之前我只是设置了没有宽度和高度的源以及滚动选

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

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

</iframe>

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

谢谢

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!