Js始终显示在最顶部的浮动内容条。看到淘宝网的商品列表有很长，当你拖动滚动条的时候，列表的表头部分始终显示在最上边，这样可以让浏览的用户知道看到的内容属于哪个类型，我觉得这功能太好了，索性自己也搞前端设计，闲暇时就试着仿写了这个功能，下面分享出JS、CSS以及jquery部分的各个代码。
HTML部分：
<div id="box"> <div id="float" class="div1"> //随滚动移动的部分 </div> </div>
CSS代码部分：
<style>
#box{float:left;position:relative;width:295px;}
.div1{}
.div2{position:fixed;_position:absolute;top:3px;z-index:295;}
</style>jquery代码部分：
<script language="javaScript">
(function(){
var oDiv=document.getElementById("float");
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
else{oDiv.className="div1";}
};
}
})();
</script>别忘了引入jquery插件：
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
把上面各个部分的代码合成一个HTML文件，保存后即可打开预览效果。
