マウスをクリックしてドラッグした後にマウスを移動したときにフェードアウトする方法はありますか？

Question

jQueryを使用して、ユーザーがマウスまたはスクロール可能な領域をマウスで離したときにtinyScrollBarをフェードインまたはフェードアウトします。

ユーザーがクリックしてスクロールバーのハンドルをドラッグし、スクロールバーのハンドル以外の場所でマウスを離した場合、問題が発生し、ブレークしてフェードインまたはフェードアウトしなくなります。ここで

は私の未遂コードが...任意のフィードバックを事前に

$('#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(); 
     } 
    } 
); 

And here's a link if it will help...

感謝です！

Answer 1

mouseStillDown == falseをチェックする前に、マウス廃棄でmouseStillDown = false;を設定することができます。 これを試すことができます。フィードバックをお願いします。