Bonjour à tous,
J'ai un problème sur mon site avec un menu fixe (140 px). Ce dernier cache mes ancres. C'est un problème apparemment assez courant et j'ai essayé la solution JS (http://forum.alsacreations.com/topic-5-78302-1-Probleme-de-menu-fixe-qui-cache-une-partie-de-mes-ancres.html) mais elle n'a pas fonctionné...
J'ai aussi essayé cette solution css sur les liens du menu :
Et enfin, cette dernière solution :
http://paulgruson.fr/2014/05/06/tuto-css-barre-de-navigation-fixe-sticky-nav/
Comment puis-je résoudre le problème ?
Merci d'avance
J'ai un problème sur mon site avec un menu fixe (140 px). Ce dernier cache mes ancres. C'est un problème apparemment assez courant et j'ai essayé la solution JS (http://forum.alsacreations.com/topic-5-78302-1-Probleme-de-menu-fixe-qui-cache-une-partie-de-mes-ancres.html) mais elle n'a pas fonctionné...
$('nav a').click( function(e) {
e.preventDefault()
var page = $(this).attr('href');
var speed = 750; // gérer la vitesse de défliement
// Ici on retranche la hauteur du bandeau
$('html, body').animate(
{ scrollTop: $(page).offset().top - 140 },
speed
);
});
J'ai aussi essayé cette solution css sur les liens du menu :
header nav ul li a:target{
padding-top: 140px;
margin-top: 140px;
}
Et enfin, cette dernière solution :
http://paulgruson.fr/2014/05/06/tuto-css-barre-de-navigation-fixe-sticky-nav/
Comment puis-je résoudre le problème ?
Merci d'avance