jQuery draggable：可拖動框超過容器 - 錯誤？

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

我不知道這是否是一個錯誤，但我通過將overflow:auto添加到.draggable_container css類來解決它。在這裏看到：http://jsfiddle.net/QhVNr/2/