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/

Answer 1

在调用.animate（）之前尝试停止任何#topbar动画：

$('#topbar').stop().animate({opacity:'1'});
$('#topbar').stop().animate({opacity:'0'});

更多关于jQuery .stop（）的信息： http://api.jquery.com/stop/