下面就没有跟随

Question

我想有以下网页滚动的tipical菜单页面滚动标题，

我想改变与页面滚动有关的marginTop位置，

$(document).ready(function(){ 

    $(window).scroll(function(){ 
     var v= $(document).scrollTop(); 
     console.log(v); 
     if(v>50){ 
      $('.menu').css({'marinTop':v+'px'}); 
      console.log(true); 
     }else{ 
      $('.menu').css('marginTop','50px');       
      console.log(false); 
     } 
    }); 
}); 

但只是不会动吧...：■

Answer 1

这里：

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     var value = $(window).scrollTop(); 
     if(value>+$('.menu').css('marginTop').replace(/px$/, "")) { 
      $('.menu').css({'position':'fixed','top': 0}); 
     }else{ 
      $('.menu').css('position','static');       
     } 
    }); 
}); 

固定两两件事：

• 删除了".px"（css("marginTop")返回"50px"，不能相比号）
• 你真的应该使用“position: fixed”，而不是一个javascript更新的“position: absolute”