11521 sujets

JavaScript, DOM et API Web HTML5

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é...


$('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