jquery - 当鼠标单击并拖动然后退出时，如何在鼠标退出时淡出？

Question

当用户 mouseenters 或 mouseleaves 可滚动区域时，我正在使用 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();
         }
     }
);

如果有帮助，这里有一个链接......

提前感谢您的任何反馈！

Answer 1

mouseStillDown = false;在检查 if 之前，您可以设置mouseleave mouseStillDown == false。你可以试试这个。请提供反馈。