jQuery UI Draggable und Seiten scrollen

Question

Ich bemerkte, wenn ich juguerable UI-Funktion verwenden, und ich muss das Element so weit nach oben/unten auf der Seite ziehen, dass es eine Rolle erzwingt. Das Element, das gezogen wird, scheint ungefähr doppelt so schnell zu springen wie mein Mauszeiger. Dies verursacht sehr unberechenbares Verhalten und macht es fast unmöglich zu verwenden.

Ein Beispiel von dem, was ich meine, kann hier gefunden werden.

http://tinyurl.com/ae6g5qe

ich dieses Verhalten bekommen sogar auf dem Beispielcode auf der Website des jQuery UI.

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

Ich habe eine Vermutung, dass es sowohl die Mausbewegung und das Fenster zu blättern wird mit der Bewegung des Elements zu erhöhen (also doppelt so viel). Ich bin dabei, in den Code von jQuery UI einzutauchen und zu sehen, ob ich etwas finden kann, aber ich bin neugierig, ob jemand anderes dies erfahren hat oder ob es nur ich ist? Auch wenn jemand - hast du es irgendwie geschafft?

Answer 1

Dies scheint ein open bug in jQuery UI 1.8 + zu sein. Sie können sehen, dass das Verhalten deutlich besser ist, wenn Sie die Version 1.7 von jQuery UI verwenden.

Beispiel basiert auf jQuery UI ziehbar Demo:

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 (mit jQuery 1.7.2 und jQuery UI 1.7.3)