想做一个页面头部div固定不动的效果

发布网友发布时间：2022-05-13 14:57

共4个回答

热心网友时间：2022-05-13 16:26

推荐一个用jQuery插件Portamento实现的方法，这个插件体积很小的，用一行代码就可实现DIV固定不动的效果，你可以试试看。

参考资料：http://site518.net/jquery-floating-panels-with-portamento/

热心网友时间：2022-05-13 17:44

楼上的何必那么麻烦呢，为什么非要头部随着滚动条走？那内容部分怎么弄？你直接在内容部分设定滚动条不就完了嘛
<style type="text/css">
.Box{ width:900px; margin:0 auto;}
.Header{ height:60px; background-color:red;}
.Content{ height:700px; overflow:auto; background-color:#00FFCC;}
</style>
</head>

<body>
<div class="Box">
<div class="Header"></div>
<div class="Content">
s
a
s
a
s
a
s
a
s
a
s
a
s
a
s
a
s
a
s
a
s
a
s
a
</div>
</div>
</body>
</html>

热心网友时间：2022-05-13 19:19

楼上那个办法就行了，把你那个div的css加上这个属性就ok了，只是IE低版本不支持，不过有办法可以解决兼容问题，百度：position:fixed;兼容

热心网友时间：2022-05-13 21:10

利用position:fixed;标记就可以了。具体的问题可以上网查查。
推荐一个不错的论坛http://bbs.blueidea.com/forum.php
希望采纳