当滚动条往下移动时,div滚动到浏览器顶部就停止滚动了,当滚动条往上移动时,div又往下移动到初始位置

2025-01-02 05:07:35
推荐回答(2个)
回答1:

如下代码可以实现,你试试看吧:

 
 



html, body {
width:100%;
margin:0px auto;
padding:0px auto;
}
#apDiv1 {
height:2000px;
}
#apDiv2 {
position:absolute;
width:100%;
height:35px;
z-index:999;
background-color:#3399FF;
top: 100px;
}


window.onscroll=function(){ 
    var t=document.documentElement.scrollTop||document.body.scrollTop;  
    var div2=document.getElementById("apDiv2"); 
    if(t>= 100){ 
        div2.style.position = "fixed";
        div2.style.top = "0px";
    }else{ 
        div2.style.position = "absolute";
        div2.style.top = "100px";
    } 
}






回答2:

建议使用stickUp插件来实现,有问题继续追问...

相关问答
最新问答