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，你需要有位置固定或絕對