javascript - 改变Javascript动画

Question

当用户向下滚动一点时，我使用此代码使我的导航栏更改为固定导航栏。如何让动画向上滑动而不是向下滑动？原始 fiddle 可以在这里找到 http://jsfiddle.net/CZ87p/132/ .

var nav = $('.nav');
var scrolled = false;

$(window).scroll(function () {

    if (20 < $(window).scrollTop() && !scrolled) {
        nav.addClass('visible').animate({ top: '0px' });
        scrolled = true;
    }

   if (20 > $(window).scrollTop() && scrolled) {
        nav.removeClass('visible').animate('top', '-30px');
        scrolled = false;      
    }
});

Answer 1

如果这就是您正在寻找的内容，也许您错误地解释了您需要的内容。

var nav = $('.nav');
var scrolled = false;

$(window).scroll(function () {

    if (20 < $(window).scrollTop() && !scrolled) {
        nav.animate({ top : '0px' });
        scrolled = true;
    }

   if (20 > $(window).scrollTop() && scrolled) {
       nav.animate({ top : '-30px' });
       scrolled = false;      
    }
});

http://jsfiddle.net/CZ87p/142/