Bonjour,
Sur mon site, j'ai une barre d'outils de 20px de haut tout en haut en position fixed (comme facebook), et forcement lorsque l'ont appel une page avec une ancre dans l'url (#chapitre1 par exemple) pour positionner la page à un endroit donné, on se retrouve avec l'élément "chapitre1" sous le header en position fixed.
J'ai fait une petite bidouille javascript pour palier au problème (calcul de la position top de l'élement "chapitre1" dans la page et scroll de cette valeur + de la hauteur du header fixe (20px) mais ça fait qu'il y a, après le chargement de la page, un scroll. Ca se fait donc en deux temps.
Est ce qu'il n'y aurait pas un moyen en CSS de palier ce soucis de manière globale et propre ?
Merci.
Sur mon site, j'ai une barre d'outils de 20px de haut tout en haut en position fixed (comme facebook), et forcement lorsque l'ont appel une page avec une ancre dans l'url (#chapitre1 par exemple) pour positionner la page à un endroit donné, on se retrouve avec l'élément "chapitre1" sous le header en position fixed.
J'ai fait une petite bidouille javascript pour palier au problème (calcul de la position top de l'élement "chapitre1" dans la page et scroll de cette valeur + de la hauteur du header fixe (20px) mais ça fait qu'il y a, après le chargement de la page, un scroll. Ca se fait donc en deux temps.
Est ce qu'il n'y aurait pas un moyen en CSS de palier ce soucis de manière globale et propre ?
Merci.