web-dev-qa-db-fra.com

Une DIV qui reste en haut pendant le défilement d'une page Web

Comment pourrais-je avoir un DIV rester visuellement en haut de la page pendant que l'utilisateur fait défiler une page Web?

Un framework Javascript simple serait génial!

c'est pour ce site web: http://BiblePro.BibleOcean.com

26
BahaiResearch.com

Si vous ne vous souciez pas d'IE6, vous pouvez utiliser position: fixed:

div {
  top: 0;
  position: fixed
}

En utilisant jQuery, voir cette question: Quelle est la façon la plus simple jQuery d'avoir une div "position: fixed" (toujours en haut)?

45
Kobi

C'est simple, faites juste la position Div supérieure et cela fonctionnera fixe, par exemple

Démarrer la balise div

<div style="position: fixed;background: #336699; width: 100%;">

Soyez au sommet de la balise div

2
Amriz khan