html - スクロールとドラッグが有効になっている場合の IE の div の問題

Question

ドラッグとスクロールが有効になっている div があります。ドラッグを有効にする前に、div をドラッグ可能にすると、スクロールが適切に機能します。スクロール バーをクリックすると、スクロール イベントが終了せず、div がドラッグし続けるように見えます。IE ブラウザでのみ問題が発生します。

     function test() {
     $('#dvDrag').draggable({
         start: function (event, ui) { },
         stop: function (event, ui) { }

     });
 }

<input  type="button" onclick="test()"/>
<div id="dvDrag" style="width:100px; height:150px; overflow:scroll">
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    test drag<br />
    </div>