Jquery：将动画导航栏设置为滑动条顶部

Question

我想动画我的navbar以在页面滚动条上为top: 0设置动画效果。现在我的导航是在滑块图像之后来的。

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() === 100) { // this refers to window 
      $('.navbar').animate('top': 0); 
     } else { 
      $('.navbar').animate('top': 300); 
     } 
    }); 
}) 

但是这段代码不起作用。

Answer 1

jQuery的动画功能失常

$('.navbar').animate({top: "0px"}); 
$('.navbar').animate({top: "300px"}); 

在CSS，你需要有位置固定或绝对