如何在鼠標點擊時淡出鼠標，當鼠標被點擊並拖動然後熄滅？

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

您可以在mouseleave上設置mouseStillDown = false;，然後檢查mouseStillDown == false。 你可以試試這個。請提供反饋。