页面顶部,固定不动

来源：互联网发布：南昌网站搜索引擎优化编辑：程序博客网时间：2024/05/01 00:39

那里看到的,我忘了,当时需要的时候,用了一下,需要的可以看看!!!用的别人的代码,不喜勿喷,谢谢贴出此代码的原创作者!!!

下面是代码:

<!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; bottom: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 style="position:fixed;width:1300px;height:100px;left:0px;top:0px;background-color:blue;">大家好啊   啊</div><div id="glideDiv0">固定顶部不动</div><div id="wrap_outer"><br/><br/>固定Div,且scroll时Div不闪动。<br/><br/>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa<br/><br/>aaaa11</div></body></html>

0 0