JqueryUI 그래서 나는이 문제를 다음 한

Question

내 응용 프로그램에서 정렬 jqueryUI을 사용하고 스크롤에 실패 정렬 :

당신이 거기 드래그하고 스크롤 sortable 항목을 클릭 할 때이 바이올린에 볼 수 있듯이

jsFiddle

그것을 버릴 방법이 없습니다.

내가하고 싶은 일은 스크롤 할 때 요소를 드래그하지 못하게하려는 것입니다. 내가하는 일은 정렬 가능한 요소의 이벤트를 검색하고 스크롤을 막으려 고 시도하지만 이것이 원하는대로 작동하지 않습니다.

도움을 주시면 감사하겠습니다.

Answer 1

핸들로 정의한 너비와 높이가 100 % 인 내부 div를 만들 수 있습니다. 이 방법으로 요소는 여전히 드래그 가능하지만 스크롤바에는 드래그되지 않습니다. 요청한대로 스크롤 요소를 끌 수있는 것은 아니지만 어쨌든 도움이되기를 바랍니다.

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%; 
}