Problème d'en-tête fixe et d'en-tête fixe

Question

A this site J'ai un nav fixe et un en-tête lorsque l'utilisateur clique sur un titre sur nav il les amène à la boîte de contenu appropriée. Pourtant, quand ils cliquent de "Just Kids", "Home", le contenu haut de la page est caché derrière l'en-tête fixe. Aussi, vous remarquerez que cela se produit lorsque la page se charge; le contenu est caché derrière l'en-tête fixe.

J'ai essayé quelques petites choses; ajouté un div avec la hauteur pour pousser le contenu vers le bas comme seen here mais ici, lorsque la page charge la bonne zone de contenu est abaissée.

Quelqu'un at-il déjà vu un site comme celui-ci ou avez-vous une suggestion sur la façon de résoudre ce problème?

Answer 1

Les ancrages se comportent de cette manière. Lorsque vous sautez à une ancre, il va essayer d'aller en haut de l'écran.

On dirait que vous utilisez déjà Javascript pour ce doux effet de défilement. Pendant l'effet, au lieu de faire défiler jusqu'à l'ancre, empêchez l'action par défaut, obtenez le décalage supérieur de l'ancre et faites défiler jusqu'à (that top offset - the header height)