📜  HTML |<iframe>滚动属性(1)

📅  最后修改于: 2023-12-03 15:15:38.819000             🧑  作者: Mango

HTML

HTML 中的 <iframe> 元素允许在网页中嵌入另一个网页。在 <iframe> 元素中,可以使用滚动属性来控制是否显示滚动条,以及滚动条的行为。

滚动属性
scrolling="no"

当将 scrolling 属性设置为 "no" 时,浏览器不会显示滚动条。如果内容超出了 <iframe> 元素的边界,便无法滚动查看完整内容。

<iframe src="http://example.com" scrolling="no"></iframe>
scrolling="yes"

当将 scrolling 属性设置为 "yes" 时,浏览器将显示滚动条。如果内容超出了 <iframe> 元素的边界,可以通过滚动查看完整内容。

<iframe src="http://example.com" scrolling="yes"></iframe>
scrolling="auto"

当将 scrolling 属性设置为 "auto" 时,浏览器将根据需要自动显示或隐藏滚动条。如果内容超出了 <iframe> 元素的边界,浏览器将显示滚动条,否则不显示滚动条。

<iframe src="http://example.com" scrolling="auto"></iframe>
总结

滚动属性可以控制 <iframe> 元素中内容的滚动行为及滚动条的显示与隐藏。开发者可以根据需要进行设置以满足页面设计的需求。