Bonjour,

je souhaite fixer le menu lors d'un scrolling. J'ai tenté le CSS position:sticky; mais le menu continue de défiler...

J'ai fait 3 essais en vain...

1er essai :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<header>
...
<div class="divNav">
    <nav class="container-menu">
        <ul>
            <li><a href="accueil.php">Accueil</a></li>
            <li><a href="tarifs.php">Tarifs</a></li>
            <li><a href="les-nids-et-les-insectes.php">Les nids et les insectes</a></li>
            <li><a href="conseils.php">Conseils</a></li>
            <li><a href="nous-contacter.php">Nous contacter</a></li>
        </ul>
    </nav>
</div>
</header>

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
header div nav{
    position:sticky;
}

2e essai : html idem et CSS :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
.container-menu{
    ...
    position:sticky;
}

3e essai :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<header>
...
<div class="divNav" style="position:sticky;">
    <nav class="container">
        <ul>
            <li><a href="accueil.php">Accueil</a></li>
            <li><a href="tarifs.php">Tarifs</a></li>
            <li><a href="les-nids-et-les-insectes.php">Les nids et les insectes</a></li>
            <li><a href="conseils.php">Conseils</a></li>
            <li><a href="nous-contacter.php">Nous contacter</a></li>
        </ul>
    </nav>
</div>
</header>

Pour les 2 premiers, l'inspecteur ne voit pas la règle CSS. Exemple pour le 2e :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
.divNav {
	background-color: #998F85;
}
Pour le 3e, il la voit bien :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
élément {
	position: sticky;
}
mais le menu continue de défiler si on scrolle. Comment faire SVP ?