jquery - jQueryカスタムコンテンツスクローラーアニメーション

Question

mCustomScollbarでスクロールしながらアニメーションを作ろうとしています

次のコードを使用して、電流を取得scrollTopし、特定の高さでアニメーション化することができます。

$("#content").mCustomScrollbar({
    scrollButtons:{
        enable:true
    },
        advanced:{
            updateOnContentResize: true,
            updateOnBrowserResize: true,
    },
    callbacks:{
        onScrollStart:function(){ onScrollStart(); },
        whileScrolling:function(){ WhileScrolling(); } 
    }
});

function WhileScrolling(){
    var top = Math.abs(mcs.top);

    if(top > 180){
        $('#topbar').animate({opacity:'0'});
    }

しかし、このコードでアニメーションを逆向きにしようとすると:

if(top < 180){
    $('#topbar').animate({opacity:'1'});
}

この部分は失敗し、一度追加animate({opacity:0})すると、アニメーションが開始されるまでに時間がかかります。

プレビュー:

http://www.alphadesigns.t15.org/