div浮动在div顶部 下拉网页浮在顶部 怎么设置

就像 美丽说 网站(http://www.meilishuo.com/ )的导航一样。
2024-11-24 09:19:19
推荐回答(2个)
回答1:

  下载jquery.pin,然后解压后在该文件夹目录下新建一个html文件。
  编辑这个网页,在里面引入jquery.pin。
  具体代码如下:
  让图像div碰到屏幕顶后自动随着滚动而悬浮在漏陆旁顶部。
  做好后随着滚动而滚动了。
  引入了文件后。
  
  (这段代码里悉逗面的.pinned是要悬浮的div,返橡b是这个悬浮div悬浮的范围。)

回答2:

 
 



html, body {
    width:100%;
    margin:0px auto;
    padding:0px auto;
}
.div1 {
    height:2000px;
}
.div2 {
    width:100%;
    height:35px;
    background-color:#3399FF;
    碧粗margin-top:100px;
}
.div2_1{
    position:fixed;
    width:100%;
    height:35px;
    z-index:999;
    background-color:#3399FF;
    top:0px;
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
}
*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}
 


window.onscroll=function(){ 
    var t=document.documentElement.scrollTop||document.body.scrollTop;  
    var div2=document.getElementById("div2"); 
    if(t>= 100){ 
      察慧乱  div2.className = "div2_1";
    }else{
       败档 div2.className = "div2";
    } 
}




    



相关问答
最新问答