Fixe gauche nav & numéro d'en-tête fixe

Question

ce site J'ai un nav et en-tête fixe lorsque l'utilisateur clique sur un titre sur nav il les prend à la boîte de contenu approprié. Pourtant, quand ils cliquent sur « Just Kids » à « Home », le contenu en haut est caché derrière l'en-tête fixe. Aussi, vous remarquerez 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 vu ici mais ici quand le chargement de la page de contenu à droite zone est poussé vers le bas.

Quelqu'un at-il vu un site comme celui-ci avant ou une suggestion sur la façon de corriger ce qui précède?

Answer 1

Les ancrages se comportent de cette façon. Quand vous sautez à une ancre, il va essayer d'aller en haut de l'écran.

On dirait que vous utilisez Javascript déjà cet effet de défilement lisse. Au cours de l'effet, au lieu de faire défiler à l'ancre, empêcher l'action par défaut, obtenir le décalage supérieur de l'ancre, et faites défiler jusqu'à (that top offset - the header height)