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 :)
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 :) )