单击鼠标并拖动鼠标时如何淡出鼠标输出？

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;之前，您可以在mouseleave上设置mouseStillDown == false。 你可以试试这个。请提供反馈。