小码哥的IT人生

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 从不显示滚动条(即使需要)。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024