28172 sujets

CSS et mise en forme, CSS3

[Résolu] Petit problème de CSS avec un accordéon

Hello tout le monde !

Sur cette page : http://www.dev-bgc.eu/fr/content/7-services, si on scrolle jusqu'à voir le footer et que l'on pose la souris sur le dernier élément, l'écran devient fou ! (Cela monte, descend, etc., c'est également le cas avec l'avant-dernier élément).

Je ne comprends vraiment pas ce qui se passe, le code me semble relativement propre.... pourriez-vous jeter un œil ?

Merci d'avance =)
Modifié par camping44 (16 Mar 2017 - 21:02)
Modérateur
Hahaha Salut Smiley smile


L'écran ne deviens pas fou ! Cela viens du fait que le conteneur global de tes accordeon change de taille globale. Une fois sur le dernier element il tente de se replier, sauf qu'en se repliant la souris sors de l'élément il tente de reprendre sa taille.. etc etc... en boucle.

Bref. L'idée de l'accordéon c'est que la taille global ne change pas. il y a un élément ouvert dès le début et quand on en ouvre un nouveau, ca ferme celui qui était ouvert. De cette facon la hauteur globale ne varie pas et rien ne bouge Smiley lol
ah ok merci !

dans ce cas ce serait peut-être mieux que je mette le dernier élément en "fermé" et le premier en ouvert, cela sera peut-être plus simple....

je vais essayer de faire cela tout seul mais ce n'est pas gagné =)
Modérateur
camping44 a écrit :
dans ce cas ce serait peut-être mieux que je mette le dernier élément en "fermé" et le premier en ouvert, cela sera peut-être plus simple....

Je ne pense pas que ca soit plus simple (ca reviendra au meme) mais ca sera peut etre plus joli Smiley biggrin

Je ne sais pas trop comment ton code est géré du coup si tu bloque n'hésite pas à nous montrer ton code ou mieux fait un exemple dans un https://jsfiddle.net/

Bon courage !
Sujet clos
Aller à