私はKevinLuckのjScrollPanejQueryプラグインを次のよう に使用しています。jScrollPaneを使用してFacebookScrollableAreaのようにスクロールバーをスタイリングする
FBと同じ効果が得られるように。ハンドルをドラッグしてペインの外に移動すると、スクロールバーが消えることを除いて、すべて正常に機能します。
問題はmouseleaveイベントにあり、離れるときにハンドルを非表示にする必要があります...
$('.jspDrag').hide();
$('.jspScrollable').mouseenter(function(){
$(this).find('.jspDrag').stop(true, true).fadeIn('slow');
});
$('.jspScrollable').mouseleave(function(){
$(this).find('.jspDrag').stop(true, true).fadeOut('slow');
});
だから私はこれをしました:
$('.jspScrollable').mouseleave(function(){
var $el = $(this).find('.jspDrag');
if($el.hasClass('jspActive')) return;
$el.stop(true, true).fadeOut('slow');
});
これにより、ドラッグ中にハンドルが非表示になるのを防ぐことができます。問題は、ドラッグを停止してもハンドルが消えないことです...
ハンドルのstopDragイベントをターゲットにするにはどうすればよいですか?