2013-02-11 12 views
5

Ho notato quando uso la funzione trascinabile dell'interfaccia utente di jQuery e devo trascinare l'elemento così in alto/in basso nella pagina che obbliga a scorrere. L'elemento trascinato sembra saltare (circa) il doppio del mio cursore del mouse. Ciò causa un comportamento molto irregolare e lo rende quasi impossibile da usare.jQuery UI's Scoraggevole e scorrimento della pagina

Un esempio di ciò che intendo può essere trovato qui.

http://tinyurl.com/ae6g5qe

Ho anche ottenere questo comportamento sul codice di esempio sul sito di jQuery UI.

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

Ho una congettura che sta utilizzando sia il movimento del mouse e la finestra di scorrimento per aumentare il movimento dell'elemento (Così due volte tanto). Sto per approfondire il codice di jQuery UI e vedere se riesco a trovare qualcosa, ma sono curioso di sapere se qualcun altro ha sperimentato questo o se sono solo io? Inoltre, se qualcuno lo ha - ci sei riuscito in qualche modo?

risposta

6

Questo sembra essere un open bug nell'interfaccia utente jQuery 1.8+. È possibile notare che se si utilizza la versione 1.7 dell'interfaccia utente di jQuery, il comportamento è notevolmente migliore.

Esempio per demo trascinabili di 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 (utilizzando jQuery 1.7.2 e 1.7.3 jQuery UI)

+0

Grazie, funziona molto meglio con 1.7. Inizierò a convertire le mie pagine ora. –

+0

Non riesco a trascinare quella cosa, nel mio browser Android, scorre semplicemente la finestra principale ...: \ – Miguel

Problemi correlati