直接贴下代码吧。
复制代码 代码如下:
.demo
{
border: 1px solid #dcdcdc;
width: 300px;
margin-top: 10px;
overflow: auto;
text-align: left;
background-color: #ffffff;
height:200px;
}
.demo1
{
position: fixed;
_position: absolute;
top: 0px;
background-color: #0000ff;
height:200px;
width:300px;
color:#ffffff;
}
.demo2
{
border: 1px solid #dcdcdc;
width: 300px;
margin-top: 10px;
overflow: auto;
text-align: left;
background-color: #ff0000;
height:200px;
color:#ffffff;
}
我现在是红色,把滚动条往下啦我会显示成蓝色。我还没固定了。
友情提醒:我只提供了一个简单的Demo,在实际开发中Demo中的东西还是需要修改修改的。
在线演示:http://demo.jb51.net/js/2012/scrollfixed/
附:Demo下载



