jQueryUI triables a échoué avec le défilement

Question

J'utilise jQueryUI sortable dans ma demande si je le problème suivant:

jsFiddle

Comme vous pouvez le voir sur ce violon lorsque vous avez cliqué sur la barre de défilement sortable article est traîné et il ne sont aucun moyen de le laisser tomber.

Ce que je veux faire est d'empêcher l'élément de glisser quand il fait défiler. Ce que je viens de faire est recherché dans les événements de l'élément triable, et essayez d'empêcher le défilement, mais cela ne fonctionne pas comme je le veux.

Toute aide serait appréciée.

Answer 1

Vous pouvez créer une division intérieure avec largeur et hauteur 100% que vous définissez comme poignée. De cette façon, l'élément est toujours dragable mais pas sur la barre de défilement. Il ne désactive pas les éléments de défilement de glisser comme vous avez demandé, mais j'espère que cela pourrait vous aider de toute façon.

updated fiddle

HTML:

<div id="foo"> 
    <div id="bar" class="bar"> 
     <div class="innerBar"></div> 
    </div> 
    <div id="bar2" class="bar"> 
     <div class="innerBar"></div> 
    </div> 
</div> 

JS:

$("#foo").sortable({handle: '.innerBar'}); 

CSS:

#foo div.bar { 
    width: 100px; 
    height:100px; 
    float: left; 
    background: red; 
    margin: 10px; 
} 

#bar { 
    height: 200px; 
    overflow-y: scroll; 
} 

.innerBar { 
    width: 100%; 
    height: 100%; 
}