Jquery：在scoll上动画导航栏到顶部

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中你需要有固定位置或绝对位置