Cacher élément par un autre scroll

Fermé
Lola - 7 mai 2016 à 15:55
 dovrak - 8 mai 2016 à 03:12
Bonjour,

J'aimerai pour le site que je suis entrain de coder faire une sorte de menu en deux parties: la partie haute serait le logo, puis la partie basse les différents choix du menus. J'aimerai qu'en scrollant vers le bas, la partie basse du menu chasse la partie haute de manière à libérer de la place sur la page, mais que la partie basse du menu reste toujours visible.
Et je n'ai absolument aucune idée de comment faire!
Si quelqu'un a une idée, ou alors une idée de mots clés qui pourrait m'aider a trouver :) :)

Merci!



1 réponse

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
7 mai 2016 à 20:20
Bonjour,
En gros tu affiches ton menu tout le temps, sauf quand le scroll est en haut (tu le détectes en javascript).
On peut imaginer que :
Si scroll == top : affiche logo et masque menu avec du CSS

Sinon inspire toi des sites qui font déjà ça en regardant le code source
0
Ou bien sur la partie à garder à la bonne hauteur en CSS:

#identifiant{
/*..autres règles de styles....*/
position:fixed;
top:33%; /* pour un élément 'fixé' à 33% du haut en permenance*/
}
0