javascript - 更改Javascript动画

当用户向下滚动时，我正在使用此代码将导航栏更改为固定的导航栏。如何使动画向上滑动而不是向下滑动？原始小提琴可在此处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;
    }
});

最佳答案

如果您正在寻找这种东西，也许您已经解释了错误的需求。

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/

关于javascript - 更改Javascript动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20693294/