jQuery draggable: przeciągane pole przechodzi przez kontener - błąd?

Question

Spróbuj this Kod:

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' 
}); 

Teraz, jeśli klikniesz na polu "Przeciąganie" i przesunąć mysz w górę iw dół przesunie się do wysokości kontenera.

Ale jeśli klikniesz myszką to pole, a przewiniesz stronę (kółkiem myszy ... lub przesunięciem kursora na dół, bez zwolnienia myszy), pudełko przejdzie przez pojemnik. I to jest do bani.

Czy to typowy błąd? Jak mogę naprawić ten problem?

Answer 1

Nie wiem, czy to błąd, ale rozwiązuję go, dodając overflow:auto do klasy css .draggable_container. Zobacz tutaj: http://jsfiddle.net/QhVNr/2/