iframe标签scrolling属性对iframe框架的内容是否使用滚动条。
scrolling="auto"(iframe默认值)
首页的内容宽度和高度比iframe的高宽大所以会出现滚动条
<iframe src="/" scrolling="auto"></iframe>
不出现滚动条,内容超过iframe也不显示
<iframe src="/" scrolling="no">
始终出现滚动条,内容不超过iframe也显示
HTML_iframe_p3.html 代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>炫代码(www.xuandaima.com)</title> </head> <body STYLE='OVERFLOW:SCROLL;'> <div style="border: 1px;border-style: solid"><p>这是一个段落。</p></div> </body> </html>
案例代码:
<iframe src="/Template/Test/anli/HTML_iframe_p3.html" scrolling="yes"></iframe>
父页面单纯使用scrolling="yes"是没有效果的,要配合子页面,要出现横竖滚动的话在子页面body加上STYLE='OVERFLOW:SCROLL;',只有横滚动STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN',只有竖滚动STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'。 |
<iframe scrolling="属性值"></iframe>