1、IE6 7 8 横竖滚条动不显显示采用<iframe scrolling="no"/>
2、对于只显示横或竖滚动条:
a.IE6只能控制html里的style.overfowX与overfowY="hidden"来调整,
b.7 8 可以通过body一层来控制
代码:
JS:
document.getElementById("aa").contentWindow.document.getElementsByTagName("html")[0].style.overflowX="hidden";
html:
iframeOverflow.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>
<iframe id="aa" name="aa" src="iframeinner.html" > </iframe>
</div>
</body>
</html>
iframeinner.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body style="overflow:hidden;">
<div style="width:2000px;height:2000px;background:red;">asdfasdasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdff</div>
</body>
</html>