jQuery Sortable à défilement dans des div avec overflow:auto
J'ai une page à l'aide de jQuery avec certaines listes qui ont été fait sortable. La liste est à l'intérieur d'un div qui a une hauteur fixe et de dépassement de la valeur auto dans la feuille de style.
L'attribut de défilement de triable semble affecter la vitesse de défilement de la page entière, est-il possible que je peux faire de la div conteneur automatiquement défiler vers le haut ou vers le bas lorsque la souris est sur le bord?
Grâce
Graeme
OriginalL'auteur Graeme | 2009-06-07
Vous devez vous connecter pour publier un commentaire.
Je voudrais prendre un coup d'oeil à ce plugin jQuery que j'ai utilisé et a trouvé très agréable:
http://rascarlito.free.fr/hoverscroll/
Bye,
Cyril
OriginalL'auteur
Grâce à Max et Fyasar. Je l'ai eu à travailler avec Jquery 1.4.2.
La seule chose que j'ai à modifier est
Maintenant triable dans une div avec une hauteur fixe et overflow:auto fonctionne parfaitement maintenant.
Merci!
OriginalL'auteur yial2
Voir si vous pouvez faire usage de jQuery scrollTo plugin. Je suppose que vous parlez de défilement automatique en fonction de la proximité de la souris sur les bords de la div conteneur.
Bonne chance - laissez-moi savoir comment ça se passe, ou même poster votre solution si vous le faire fonctionner 🙂
Eh bien, a pris un coup d'oeil à scrollTo plugin qui a l'air vraiment cool, mais n'était pas sûr de la façon de crochet qu'à la souris. Trouvé ce site: scripterlative.com/files/cursordivscroll.htm Le gars demande un don pour l'utiliser ce qui est assez juste et j'ai donc réussi à obtenir la div pour faire défiler lorsque la souris arrive à moins de 50 pixels de l'un ou l'autre bord. Et ce, indépendamment de savoir si j'ai le bouton de la souris en faisant glisser ce qui n'est pas trop grand d'un problème. Seul problème maintenant est que les Sortable ne sais vraiment pas d'où c'est lorsque j'ai atteint le fond et l'espace réservé n'est pas affichée pendant 10 secondes.
OriginalL'auteur karim79
Graeme,
J'ai essayé votre scripterlative.com l'opinion, mais quelques jours après ce type de script expiré et l'affichage du procès info message sur l'écran 🙂
Après, j'ai développé un petit plugin jquery pour faciliter la résolution de ce problème.
Lorsque vous utilisez ce plugin, il permet de détecter le sélecteur d'éléments bords automatiquement,
D'autre part, vous pouvez également mettre jquery sortable à l'intérieur de cette divs.
N'oubliez pas ce plugin dépend de Jquery.Scrollto plugin.
Il a résolu mon problème, j'espère que ça va vous aider.
Plugin source ;
Page Html exemple pour démontrer comment l'utiliser.
La page Html la source est ;
OriginalL'auteur fyasar
J'ai été en mesure d'obtenir fyasar de la solution mise en place et il fonctionne très bien pour moi. J'ai étendu son plugin légèrement et je voulais le poster ici pour quelqu'un d'autre qui bute sur son grand peu de code.
Le problème que j'ai rencontré avec sa solution, c'est qu'il n'a pas à donner de la souplesse nécessaire pour contrôler où la "marge" en haut et en bas de la boîte que le coup de désactiver le défilement serait situé. Ce bit est codé en dur dans sa solution.
J'ai étendu la logique un peu et modifié le plugin pour accepter le haut et le bas de compensations pour contrôler la taille de la marge en haut et en bas de la boîte.
Ces options sont maintenant, par défaut, ce que j'ai trouvé pour être le plus raisonnable des points de défilement. Mais à chaque utilisation de la commande peut passer dans la plage souhaitée en tant que paramètres.
J'espère que cela aide quelqu'un d'autre en cours d'exécution dans ce problème avec la grande jquery.ui sortable de contrôle.
OriginalL'auteur Max Schilling