Si j'essaie de faire des animations avec animeate.css, il y a un problème avec le positionnement du bouton.
Habituellement, c'est dans le pied de page, mais pendant le fondu, c'est au centre:
https://jsfiddle.net/m4f1wen3/
Je ne peux pas comprendre une solution pour cela pendant une semaine. mon objectif est qu'il colle pendant la transition vers le bas comme après l'animation.
3 Réponses :
Le sélecteur Ajouter ceci à votre CSS après le pied de page code> dans CSS sélectionne les deux footer qui se trouve à l'intérieur lecteur code> div et index code> div. Footer Code> Sélecteur P> #player footer {
position: relative;
}
Théoriquement, cela fonctionne, mais j'ai positionné le pied de page absolu parce que je veux que cela colle au fond.
Il suffit d'ajouter un bit JavaScript pour le rendre corrigé comme absolu dès que l'animation est terminée
@Leonardocizmar, sur une autre note, la réponse de Diogo est plus gracieuse, et donc, plus correcte
L'animation Fadeinleft ajoute une propriété de traduction à votre div et modifie le positionnement du pied de page qui a un positionnement absolu.
Ajoutez ceci à votre feuille de style et cela fonctionnera: P>
html, body, #index, #player {
height: 100%;
}
Veuillez remplacer ce style dans votre style
header{height: 150px;}
main{height: 200px;}
footer{height:120px; bottom:0; position:relative; width:100%;}
Les questions à la recherche d'un code de code doivent inclure le code le plus court nécessaire pour la reproduire dans la question elle-même de préférence dans un extrait empilement . Bien que vous ayez fourni un lien, s'il s'agissait de devenir invalide, votre question n'aurait aucune valeur à un autre avenir afin que les utilisateurs ont le même problème. Voir quelque chose dans mon site Web / exemple ne fonctionne pas puisque je viens de coller un lien .