日期:2014-05-16 浏览次数:20413 次
<style type="text/css">
#scs{
border: 1px solid red;
height:20px;
font:12px/25px "宋体";
width:500px;
}
</style>
<div style="height:200px"></div>
<div id="scs">这是固定的</div>
<div style="height:2000px"></div>
<script type="text/javascript">
window.onload=function(){
var scs=document.getElementById("scs");//获取对象
var t=scs.offsetTop;//获得本身到网页顶部的距离
var isIE6 = !-[1,] && !window.XMLHttpRequest;//判断ie6
var i=0;
window.onscroll=function(){
i=document.documentElement.scrollTop;
if(i>t){
//网页被卷去的高大于本身到网页顶部的距离(简单理解就是对象开始要被卷到网页顶部不可视区域)
if(isIE6){
scs.style.position="absolute";
scs.style.top=i+"px";
}else{
scs.style.position="fixed";
scs.style.top=0;
}
}else{
scs.style.position="static";
scs.style.top="auto";
}
}
}
</script>