Utilisateur:MelAntipam/timeless.js

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/* *****************************************************************************
 Correction de l'offset vertical du bandeau supérieur
 
 La méthode utilisant la CSS pour produire un un block vide :target::before ne 
 marche pas partout et a plusieurs effets de bord => javascript

 Code dérivé de celui d'Eric Olson (https://stackoverflow.com/questions/17534661/make-anchor-link-go-some-pixels-above-where-its-linked-to)
***************************************************************************** */
// Applique l'offset vertical dépendant de la hauteur du bandeau supérieur
function offsetAnchor() {
  if (location.hash.length !== 0) {
	if (window.innerWidth > 850) {
		window.scrollTo(window.scrollX, window.scrollY - 52);
	}
	else {
		window.scrollTo(window.scrollX, window.scrollY );
	}
  }
}

// Capture les clicks sur les ancres et les applique après le changement de l'url 
$(document).on('click', 'a[href^="#"]', function(event) {
  window.setTimeout(function() {offsetAnchor();}, 0);
});

// Fixe l'offset quand on rentre sur une page
window.setTimeout(offsetAnchor, 0);