jQuery UI의 드래그 가능 및 페이지 스크롤

Question

jQuery UI의 드래그 가능한 기능을 사용할 때 스크롤이 발생하는 페이지를 위/아래로 드래그해야합니다. 드래그되는 요소가 마우스 커서의 약 두 배 빠르게 점프하는 것처럼 보입니다. 이것은 매우 엉뚱한 행동을 일으키고 사용하는 것을 거의 불가능하게 만듭니다.

내 뜻은 여기에서 찾을 수 있습니다.

http://tinyurl.com/ae6g5qe

나는 심지어 jQuery를 UI의 사이트에있는 샘플 코드에이 동작을 얻을.

http://jqueryui.com/draggable/#scroll

가 나는 요소 (그래서 두 배)의 이동을 증가시키기 위해 마우스 이동 및 윈도우 스크롤을 모두 사용하고 있다는 추측이있다. 나는 jQuery UI의 코드를 탐구하고 아무 것도 찾을 수 있는지 알아 볼 것이지만, 다른 누군가가 이것을 경험했거나 그것이 나만의 것이면 궁금하다. 또한, 만약 누군가가 - 당신이 어떻게 든 주위에있어?

Answer 1

jQuery UI 1.8 이상에서는 open bug 인 것으로 보입니다. jQuery UI 버전 1.7을 사용하면 동작이 눈에 띄게 좋아지는 것을 알 수 있습니다. jQuery를 UI의 드래그 데모에 기초

예 :

HTML

<div id="draggable" class="ui-widget-content"> 
    <p>Scroll set to true, default settings</p> 
</div> 
<div style="height: 5000px; width: 1px;"></div> 

JS

$(function() { 
    $("#draggable").draggable({ 
     scroll: true 
    }); 
}); 

jsfiddle (jQuery를 jQuery를 UI 1.7.2 및 1.7.3를 사용하여)