如何在鼠标点击时淡出鼠标，当鼠标被点击并拖动然后熄灭？

我使用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...

预先感谢任何反馈！

来源

2012-01-30 DanV

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

来源

2012-01-30 12:34:11

Thanks @Soumalya！这确实解决了这个问题，但创造了另一个。现在，当您滚动时，即您的鼠标被点击，并且您正在拖动手柄，如果您将鼠标移出滚动条淡出的区域。理想情况下，当用户滚动时，我不希望它渐渐消失。 [检查链接，你会看到更新]（http://www.indoorplay.graphitedesign.com/Interviews/） – DanV 2012-01-30 16:49:25

好哥们，对不起，迟到了。你能否再次提供链接？因为它正在寻找一个用户名和密码。 – 2012-02-02 11:02:27

不用担心。该网站现已在www.indoorplaymagazine.co.uk/Directory/网站上发布，这不是一个大问题，但很好解决它。干杯! – DanV 2012-02-03 09:07:41

如何在鼠标点击时淡出鼠标，当鼠标被点击并拖动然后熄灭？

回答

相关问题