jQuery：マウスで垂直方向にスクロールする方法

Question

マウスを押して左右に動かしながら、要素内をスクロールできるようにするためのスクリプトがあります。

縦スクロールを追加したいと思います。マウスを右または左に動かすと、私は水平にスクロールし、マウスを上または下に動かすと、それは垂直にスクロールします。

$(function() { 
$('#myDiv').mousedown(function (event) { 
    $(this) 
     .data('down', true) 
     .data('x', event.clientX) 
     .data('scrollLeft', this.scrollLeft); 
    return false; 
}).mouseup(function (event) { 
    $(this).data('down', false); 
}).mousemove(function (event) { 
    if ($(this).data('down') == true) { 
     this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX; 
    } 
}).css({ 
    'overflow': 'hidden', 
    'cursor': '-moz-grab' 
    }); 
}); 
$(window).mouseout(function (event) { 
    if ($('#myDiv').data('down')) { 
     try { 
      if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') { 
       $('#myDiv').data('down', false); 
      } 
     } catch (e) { } 
    } 
}); 

オリジナルソース：http://jqueryfordesigners.com/fun-with-overflows/

私は

.data('y', event.clientY) 
.data('scrollTop', this.scrollTop); 
... 
this.scrollTop = $(this).data('scrollTop') + $(this).data('y') - event.clientY; 

を追加しようとしましたが、それは私のために働いていません。

Answer 1

jqueryのプラグインが見つかりました：https://github.com/iwyg/jquery.dragscroll プラグインを使用すると、マウスで水平方向と垂直方向にスクロールすることができます。 例：http://dev.thomas-appel.com/dragscroll/example/

素晴らしいアイデアですが、いくつかのバグが見つかりました。プラグインが更新されることを願っています。