Bonjour :)
Je cherche à connaitre le " code " ou les étapes de création d'une barre qui reste " collée " au fil du défilement de la page . Par exemple, sur themeswitch lorsque l'on veut regarder un theme en Live Preview il y'a la barre du haut qui indique " Purchase this item " et " X " et lorsque l'on descend pour voir le reste du thème elle reste " collée " donc j'aimerais savoir comment fait-on ça .

Merci d'avance :)

2 réponses


agrafik
Réponse acceptée

Si tu veux qu'un élément reste coller à un endroit de ta page tu dois procéder ainsi (pour le header avec son menu dedans comme exemple)

HTML:

<div id="header">
<div class="navigation">
lien
lien
lien
lien
</div
</div>

Pour laisser coller le header (et le menu vue qu'il est dans la div header), voici le CSS:

#header{ top: 0; background: #000; height: 100%; background-attachement: fixed; width: 100px;}

Et là tu auras un header noir de 100pixels de hauteur avec une largeur de totue la page, et qui resteraen haut avec le scrool (grâce àl'attribut BG-atachement, et le top:0 , à adapter si tu veux laisser quelque chose sur le coté par exemple :) )

Jessy
Auteur

J'essaye tout de suite pour voir ce que ça donne, merci :D