Discussion :

[dhillig]

Bonjour à tous,
J'ai un menu SHRINK dont voici les CSS :

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
#menutop.menu-shrink {
	height: 80px;
	background-color: rgba(255,255,255,0.5);}
#menutop.menu-shrink:hover {
	background-color: rgba(255,255,255,0.5); /* BLANC */
}
#menutop.menu-shrink .navbar-brand {
	width:75px;
	padding-left: 4px;
	padding-top: 4px;
}
 
/* ------------ */
/* Media Queries */
@media screen and (max-width: 991px) {
	#menutop nav a {
		line-height: 80px;
		text-align: left;
	}
	#menutop nav a {
		margin-bottom: 0;
		margin-top: 0;
	}
	#menutop.menu-shrink nav a {
		line-height: 0;
	}
	#menutop.menu-shrink nav a {
		font-size: 1em;
	}
}
/* ------------ */
@media screen and (max-width: 575px) {
	#menutop nav a {
		font-size: 1em;
		line-height: 20px;}
	#menutop.menu-shrink nav a {
		line-height: 20px;}
}

Rien à dire, tout fonctionne mais, quand on arrive à une section et qu'on rafraichit la page, le menu revient à sa taille initiale

Je n'ai aucune idée d'où ça peut venir
Si une personne peut m'aider à résoudre ce problème.
MERCI !!!!
DH

[jreaux62]

Dans script-lddc.js :

Code js :

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
// --------------------------
// script - menutop - shrink
// --------------------------
$(function() {
    var menutop = $("#menutop");
    // au chargement / actualisation de la page
        if ($(window).scrollTop() >= 200) {
            menutop.addClass("menu-shrink");
        } else {
            menutop.removeClass("menu-shrink");
        }
    // au scroll
    $(window).scroll(function() {    
        if ($(window).scrollTop() >= 200) {
            menutop.addClass("menu-shrink");
        } else {
            menutop.removeClass("menu-shrink");
        }
    });
});

[dhillig]

YES !!!!!
Un GROS merci !
Bonne fin de journée,
DH