Cacher élément par un autre scroll

Lola -
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!

Afficher la suite

A voir également:

1 réponse

Réponse 1 / 1

Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention 597

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

dovrak

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*/
}

Cacher élément par un autre scroll

1 réponse

Votre réponse

Discussions similaires