jquery - .css() および .fadeIn を使用した FadeIn ヘッダー

Question

ページをスクロールしながらヘッダーをフェードインしたい。これは私がこれまでに得たもので、.fadeIn() 以外はすべて機能します。

$(document).scroll(function() {
    if( $(this).scrollTop() > 120 ) {
        if( !fixed ) {
            fixed = true;
            $('.mini-logo').css({display:'block'});
            $(' header ').css({background:'#323232'});
        }
    } else {
        if( fixed ) {
            fixed = false;
            $('.mini-logo').css({display:'none'});
            $(' header ').css({background:'rgba(0,0,0,0)'});
        }
    }
});

Answer 1

使用する代わりに $('.mini-logo').css({display:'none'});使用する$('.mini-logo').fadeOut(); 代わりに$('.mini-logo').css({display:'block'});$('.mini-logo').fadeIn();