添加缓动到jquery css swap

Question

我正在尝试为我正在制作的剧本添加一些缓动，但我无法正常工作。

var $mainlogo = jQuery('#mainlogo');
var $menuback = jQuery('.x-navbar');
jQuery(document).scroll(function() {
    $mainlogo.css({display: jQuery(this).scrollTop()>170 ? "block":"none"});
    $menuback.css({background: jQuery(this).scrollTop()>170 ? "rgba( 255, 255, 255, 0.7 )":"none"}, {
        easing: 'swing',
        duration: '2000'
    });
});

我做错了什么？我只是想让它淡出而不是立即出现。