top.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<div>
This is top
</div>
</body>
</html>
main.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div>
<p style="background-color: red; width: 100%; height: 400px;">Demo</p>
<p style="background-color: green; width: 100%; height: 400px;">Demo2</p>
<p style="background-color: blue; width: 100%; height: 400px;">Demo3</p>
<p style="background-color: red; width: 100%; height: 400px;">Demo4</p>
</div>
</body>
</html>
default.html
<frameset id="frame" rows="200,*,100" border="0">
<frame src="top.html" id="frameTop" noresize scrolling="no"/>
<frame src="Main.html" id="frameMain" noresize scrolling="no"/>
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
index.html,去除default.html中frameset中frame中的滚动条,显示整体滚动条
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>frameset滚动</title>
</head>
<body onmousewheel="top.document.body.scrollTop-=event.wheelDelta">
<iframe src="default.html" id="iframe" noresize scrolling="no" frameborder="0" style="height:2400px;width:100%;"/>
</body>
</html>
然后所有页面滚动在IE 8下都没有效果了,Chrome下是可以滚动的
知道的大神,帮帮忙