jQuery Girl
  1. jQuery Girl
  3. Question Jquery-animate: comment contraindre une animation DIV dans une autre DIV?
Intereting Posts
jquery get HTML 5 Data Atsortingbutes avec des traits d’union et la sensibilité à la casse remplacer l’image dans div en défilant vers le bas Type de support Spring MVC 415 non pris en charge Utilisation d’expressions régulières (regex) pour remplacer le texte sélectionné dans jQuery / JavaScript jQuery / Javascript: scrollTop Une valeur pour tous les navigateurs? La validation des champs avec le même nom et la même classe obtient “TypeError: e.validator.methods n’est pas défini” Coller l’image du presse-papiers dans le formulaire Web Comment ne pas afficher l’élément d’erreur en tant qu’étiquette avec le plugin jquery.validation Temps de travail en calendrier complet Formulaire HTML: Désactiver par programme les cases cochées restantes dans un formulaire HTML Comment fondre dans une page Web entière – accessible JQuery obtenir des variables GET à partir d’un fichier javascript Exemple jQuery & history.js jQuery – Arrondir à 2 décimales et calculer avec ce nombre Amcharts candle stick pas de grid minimal

Question Jquery-animate: comment contraindre une animation DIV dans une autre DIV?

J’ai créé une liste et une puce pour suivre l’élément

  • sélectionné au clic .

    Code HTML: 

     
     
    ♦

    Code JQUERY: 

     $('li').bind('click', function(e) { var offset = $(e.target).offset(); $('#bullet').animate({'top':offset.top},600); });

    Le problème est que chaque fois que je charge la page et clique sur un lien pour la première fois, la puce provient du haut du navigateur au lieu d’animer de sa position

    au lien sélectionné. Après ce premier clic, l’animation entre les liens fonctionne correctement.

    Pouvez-vous m’aider à ce sujet? Merci d’avance!

    Position de vente position: relative; sur.

    Les éléments positionnés de manière absolue (comme un élément ayant une propriété animée top) utilisent toujours le coin supérieur gauche de l’espace d’affichage du navigateur en tant que 0: 0, sauf s’ils ont un parent ayant une position autre que statique. Dans ce cas, le coin supérieur gauche de ce parent est 0: 0.

    • définissez le conteneur div .right sur position:relative .