Discussion :

[kinkon]

Bonjour tout le monde,
Voilà je dispose d'une template bootstrap avec une barre de menu qui se fixe lorsqu'on fait défiler le contenu de la page. Et voici le code JavaScript qui me permet de fixer la barre de menu:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
/* affix the navbar after scroll below header */
$('#nav').affix({
      offset: {
        top: $('header').height()-$('#nav').height()
 
      }
 
});

J'ai voulu ajouter une couleur d'arrière plan sur la bar de menu lorsqu'elle se fixe et j'ai pensé à ajouter ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#nav").css("backgroundColor","#000000");

Pour finalement me retrouver avec cette modification qui ne fonctionnement pas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
/* affix the navbar after scroll below header */
$('#nav').affix({
      offset: {
        top: $('header').height()-$('#nav').height()
		$("#nav").css("backgroundColor","#000000");
      }
 
});

Et suis vraiment planté à ce niveau et merci à l'avance pour votre aide!

[kakashi99]

Hello,

dans la doc de bootstrap il y a exactement l'exemple de ce que tu veux faire... http://getbootstrap.com/javascript/#via-javascript-5

et sinon, tu peux aussi le faire en css... le bandeau une fois "fixé" en haut possède la classe ".affix", tu n'as qu'a surcharger cette classe avec ton background-color.

[kakashi99]

merci, de rien, il n'y a pas de quoi !