让div固定在顶部不随滚动条滚动【转】


让div固定在顶部不随滚动条滚动

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>chinmo.net</title>
<style type="text/css">
body{
 margin:0px;
 padding:0px;
}
#glideDiv0{position:fixed; top:0;left:0; width:100%; background:#F00;}
</style>
<!--[if IE 6]> 
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#glideDiv0{position:absolute;}
</style>
<![endif]-->
</head>
<body>
<div id="glideDiv0">
固定顶部不动
</div>
<div id="wrap_outer">
<br/><br/>固定Div,且scroll时Div不闪动。
<br/><br/>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
<br/><br/>bbbb
</div>

</body>
</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM