Jquery：scollの上にナビバーをアニメ化

Question

navbarをアニメーション化してtop: 0にスクロールします。今、私のnavはスライダーイメージの後に来ています。

$(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の機能をアニメーションでは、固定位置または絶対

を持っている必要があり、CSSで

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

間違っています