首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

请叫关于去掉iframe的滚动条,主窗口使用滚动条的有关问题

2012-03-20 
请叫关于去掉iframe的滚动条,主窗口使用滚动条的问题!HTML codeBODY stylemargin:0padding:0ifram

请叫关于去掉iframe的滚动条,主窗口使用滚动条的问题!

HTML code
<BODY style="margin:0;padding:0;">   <iframe id="iframe" width="0" height="0" scrolling="Auto" frameborder="0" marginwidth="0" marginheight="0" ></iframe>   <SCRIPT LANGUAGE="JavaScript">     var f= document.getElementById("iframe");   f.src="http://www.163.com";   f.width="100%";   f.height="100%";   </SCRIPT></BODY>



代码在这,scrolling值是"Auto",像163这个页面高度,就会有滚动条,这样加上浏览器本身的滚动条就有两个
我想去掉iframe的滚动条,而使用浏览器的滚动条。

如果scrolling设置为NO,那么虽然只有浏览器的滚动条,但不启作用求解!


[解决办法]
L@_@K
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title> new document </title>    <meta http-equiv="content-type" content="text/html; charset=utf-8" />    <meta name="generator" content="editplus" />    <meta name="author" content="yixianggao@126.com" />    <meta name="keywords" content="" />    <meta name="description" content="" /><style type="text/css">html {    overflow: auto;}</style></head><BODY style="margin:0;padding:0;">   <iframe id="iframe" width="0" height="0" scrolling="Auto" frameborder="0" marginwidth="0" marginheight="0" ></iframe>   <SCRIPT LANGUAGE="JavaScript">     var f= document.getElementById("iframe");   f.src="http://www.163.com";   f.width="100%";   f.height="100%";   </SCRIPT></BODY></html>
[解决办法]
HTML code
<iframe src="http://www.163.com" id="iframe" scrolling="Auto" width="100%" frameborder="0" marginwidth="0" marginheight="0" ></iframe><script language="javascript">    document.getElementById("iframe").height=document.getElementById("iframe").document.documentElement.clientHeight-4;</script>
[解决办法]
<iframe src="http://www.163.com" id="iframe" scrolling="no" width="100%" frameborder="0" marginwidth="0" marginheight="0" onload="this.height=document.getElementById('iframe').contentWindow.document.body.scrollHeight+10;"></iframe>

热点排行