jQuery UI est Déplaçable et faire défiler la page

J'ai remarqué que lorsque j'utilise jQuery UI est déplaçable fonction et que j'ai à faire glisser l'élément jusqu'à présent en haut/en bas de la page qu'il force un parchemin. L'élément glissé semble sauter (environ) deux fois plus rapide que mon curseur de souris. Cela provoque très comportement erratique et le rend presque impossible à utiliser.

Un exemple de ce que je veux dire peut être trouvé ici.

http://tinyurl.com/ae6g5qe

J'ai même obtenir ce comportement sur l'exemple de code sur le jQuery UI du site.

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

J'ai suppose que c'est en utilisant à la fois le mouvement de la souris ET la fenêtre de défilement pour augmenter le mouvement de l'élément (Donc deux fois plus). Je suis sur le point de plonger dans l'INTERFACE utilisateur de jQuery code et voir si je peux trouver quelque chose, mais je suis curieux de savoir si quelqu'un a vécu cela ou si c'est juste moi? Aussi, si quelqu'un l'a - avez-vous reçu autour d'elle en quelque sorte?

OriginalL'auteur d.lanza38 | 2013-02-11

  1. 6

    Ce qui semble être une bug ouvert dans l'INTERFACE utilisateur de jQuery 1.8+. Vous pouvez voir que si vous utilisez la version 1.7 de jQuery UI le comportement est nettement mieux.

    Exemple basé sur jQuery UI est déplaçable démo:

    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 (à l'aide de jQuery 1.7.2 et jQuery UI 1.7.3)

    Merci, ça fonctionne beaucoup mieux avec la 1.7. Je vais commencer la conversion de mes pages maintenant.
    Je ne peux pas faire glisser cette chose, dans mon navigateur android, il a juste fait défiler la fenêtre principale... :\

    OriginalL'auteur Ruben Infante