HTML <iframe> 标签的 scrolling 属性 详解
HTML基础 2023-07-13 10:16:35小码哥的IT人生shichen
HTML <iframe> 标签的 scrolling 属性
实例
带有滚动条的 iframe:
<iframe src ="/index.html" scrolling="yes">
<p>Your browser does not support iframes.</p>
</iframe>
完整实例【亲自试一试】:
<html>
<body>
<h3>iframe 中始终显示滚动条:</h3>
<iframe src ="/index.html" width="200" height="200" scrolling="yes">
<p>Your browser does not support iframes.</p>
</iframe>
<h3>iframe 中从不显示滚动条:</h3>
<iframe src ="/index.html" width="200" height="200" scrolling="no">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
定义和用法
scrolling 属性规定是否在 iframe 中显示滚动条。
默认地,如果内容超出了 iframe,滚动条就会出现在 iframe 中。
语法
<iframe scrolling="value">
属性值
值 | 描述 |
---|---|
auto | 在需要的情况下出现滚动条(默认值)。 |
yes | 始终显示滚动条(即使不需要)。 |
no | 从不显示滚动条(即使需要)。 |