Love丶兰的博客

菜菜的菜鸟!

页面顶部,固定不动

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


下面是代码:

<!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/>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<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>


阅读更多
个人分类: jquery javascript html
想对作者说点什么? 我来说一句

JavaScript:固定table的表头

2015年09月19日 96KB 下载

页面顶部浮动可关闭广告条

2010年05月29日 235KB 下载

cd-top-arrow.svg

2015年07月24日 562B 下载

没有更多推荐了,返回首页

不良信息举报

页面顶部,固定不动

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭