Как исчезнуть при отключении мыши, когда мышь щелкается и перетаскивается, а затем исчезает?

Я использую jQuery для постепенного появления и исчезновения крошечной полосы прокрутки, когда пользователь мышью входит или покидает прокручиваемую область.

Проблема, с которой я сталкиваюсь, заключается в том, что если пользователь щелкает и перетаскивает дескриптор полосы прокрутки и отпускает мышь в любом месте, кроме дескриптора полосы прокрутки, он ломается и больше не исчезает и не исчезает.

Вот мой код попытки...

$('#scrollbar1').tinyscrollbar({ size: 790, sizethumb: 100, wheel: 20, scroll: true });
$('.scrollbar').hide();

var mouseStillDown = false;

$('.thumb').mousedown(function() {
    mouseStillDown = true;
    console.log(mouseStillDown);
});

$('.thumb').mouseup(function() {
    mouseStillDown = false;
    console.log(mouseStillDown);
});


$('.viewport').mouseenter(
     function(){ 
         $('.scrollbar').fadeIn();
     }
);

 $('.viewport').mouseleave(
     function(){
         if (mouseStillDown == false) {
             $('.scrollbar').fadeOut();
         }
     }
);

И вот ссылка, если поможет...

Заранее спасибо за любой отзыв!