jQueryドラッグ可能：ドラッグ可能なボックスがコンテナを越える - バグ？

Question

thisコード試してみてください：あなたは "ドラッグ可能" ボックスをクリックして、マウスを移動した場合、

HTML

<div class="draggable_container"> 
    <div id="draggable_1" class="draggable"> 
     <div class="exp"><!-- --></div> 
    </div> 
</div> 

CSS

html 
{ 
    height:3000px; 
} 

.draggable_container 
{ 
    height:300px; 
    background-color:red; 
    width:140px; 
} 

.draggable 
{ 
    height:60px; 
    width:130px; 
    cursor:pointer; 
    border:5px solid #000000; 
    background-color:#ffffff; 
} 

jQueryの

今

$(".draggable").draggable({ 
    axis: "y", 
    containment: 'parent' 
}); 

を上下に移動すると、コンテナの高さまで移動します。

しかし、このボックスをマウスでクリックしてページをスクロールすると（マウスホイールで...またはマウスを離さずにカーソルを下に移動すると）、ボックスがコンテナに移動します。そして、これは吸う。

よくあるバグですか？どうすればこの問題を解決できますか？

Answer 1

これはバグかどうか分かりませんが、 cssクラスにoverflow:autoを追加して解決します。ここをクリックしてください：http://jsfiddle.net/QhVNr/2/