Comment garder jquery ui datepicker en place (bâton pour le contrôle d'entrée) pendant le défilement?
Après avoir lu beaucoup sur le sujet, je suis toujours dans le noir sur la façon d'approcher la résolution du problème. Pour clarifier le problème, je veux calendrier pour faire défiler tout à fait avec contrôle d'entrée associés et de ne pas rester fixe quel que soit la position de l'écran.
Voici une image sans scroll: (qu'est ce que je veux préserver de défilement)
et voici l'image lors du défilement : (c'est pas ce que je veux)
Tout conseil serait grandement apprécié.
Mise à JOUR:
Voici une lien près de dépeindre le problème, je voudrais calendrier à respecter le contrôle pendant le défilement.
Il y a peut être quelque chose de mal avec votre jeu, parce que jqueryui.com/demos/datepicker dans la démo, le calendrier de bâton dans le champ de saisie pendant le défilement. Pouvez-vous montrer un peu de code?
semble comme il est en position:fixed au lieu de :l'absolu... un lien?
merci pour la réponse, je ne peux pas fournir de lien que le site que je suis en train de travailler sur n'est pas publique, désolé. @Joie que j'ai remarqué que moi et il me confondre encore plus loin!? La div contenant datepicker est la position absolue.
peut-être mettre en place un jsfiddle.net avec les essentielles de balisage?
Voici un lien essentiel balisage: jsbin.com/ubahe5/109/edit#javascript html,en direct
semble comme il est en position:fixed au lieu de :l'absolu... un lien?
merci pour la réponse, je ne peux pas fournir de lien que le site que je suis en train de travailler sur n'est pas publique, désolé. @Joie que j'ai remarqué que moi et il me confondre encore plus loin!? La div contenant datepicker est la position absolue.
peut-être mettre en place un jsfiddle.net avec les essentielles de balisage?
Voici un lien essentiel balisage: jsbin.com/ubahe5/109/edit#javascript html,en direct
OriginalL'auteur krul | 2012-05-17
Vous devez vous connecter pour publier un commentaire.
Je ne sais pas si le votre est un défilement de div, mais le problème se produise ici est de jQuery UI sélecteur de date ne bouge pas avec le contenu HTML à l'intérieur d'un div scrollable.
Ici est un violon qui la démo http://jsfiddle.net/joycse06/m6A5q/embedded/result/ montrant le problème. Cliquez sur l'entrée et essayer de défilement div.
Ce qui se passe parce que jQuery UI créer le calendrier de l'INTERFACE utilisateur que la position
absolute
relative
àdocument
ouwindow
pas le conteneur div scrollable. Ainsi, lorsque le défilement div défilement de la fenêtre principale de défilement contexte n'est pas changé, et donc le datepicker calendrier de ne pas suivre d'autres élément html en div.Donc, la solution peut-être pour masquer le calendrier lorsque div défile et c'est logique, si l'entrée n'est pas visible, vous pouvez masquer le datepicker de calendrier. Ainsi, le code mis à jour sera
Il permet de masquer le sélecteur de date lors de la div conteneur ou de la fenêtre de défilement. ici, c'est un travail de violon http://jsfiddle.net/joycse06/m6A5q/2/
Je suis en utilisant le
$('#datepicker').blur();
parce que lorsque l'utilisateur fait défiler.demo
calendrier peaux mais lainput
est toujours concentrée, donc quand il fait défiler en arrière il peut devenir confus. Donc, comme je le flou, il faudra cliquer sur leinput
encore et sélecteur de date.Gentil, merci 🙂 +1
merci d'avoir signalé le problème!!!!!!
Belle Solution A Résolu Mon Problème..Merci:)
Ce n'est pas la solution réelle que le datepicker est masqué que lorsque défiler la barre de défilement (j'.e) il n'est pas masqué lorsque nous sommes défilement de la souris, sans cliquer, rien
OriginalL'auteur Prasenjit Kumar Nag