Discussion :

[LeBaron02]

Bonjour,
Je débute dans le language html/css donc je regarde des tutos sur youtube histoire d'apprendre quelques bases
dans un des tutos il nous montre comment faire en sorte que le header suive le scroll de la souris avec :
position: fixed; dans le css : -> https://youtu.be/MzAeV2BdzRg?t=1672 à la ligne 11
sauf que moi ça ne marche pas le header reste fixe, voici mon code dites moi ce qu'il ne va pas

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/*
HEADER
*/
.header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 70px;
    line-height: 70px;
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
}
 
.header .header-logo {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    float: left;
    margin-left: 30px;
}
 
.header .header-menu {
    float: right; 
    margin-right : 30px;
}
 
.header .header-menu a {
    margin-right: 15px;
    color: #FFFFFF
}
 
.header .header-menu a:hover {
    color: #3498db
}
 
/*
BANNER
*/
.banner {
    margin-top: -20px;
}

Merci à vous

[Doksuri]

position: fixed; signifie qu'il ne bougera jamais, quelque soit ton scroll dans la page
c'est comme si ton element etait colle sur ton ecran.. donc c'est normal que ton header ne bouge pas