web-dev-qa-db-fra.com

Problème de menu persistant du framework T3

J'ai un problème avec le menu collant.
Lorsque vous faites défiler la page vers le bas au fur et à mesure que vous avancez (coller très fort).
Comment puis-je faire pour coller en douceur?
Ce problème se produit également sur les appareils mobiles.

2
ZHMEN

au moment où l'événement collant se produit, la barre de navigation est supprimée du contenu de la page et apposée en haut de la page. Si la barre de navigation a une hauteur de 50 pixels, le supprimer soudainement du contenu de la page fera sauter le reste du contenu de la page de 50 pixels.

La solution consiste à envelopper la barre de navigation dans un div de conteneur 50px et à exclure le nouveau div de conteneur de l'appel d'affixe. À l'affixe, le nouveau conteneur div sert simplement comme un espace réservé qui empêche le "saut de contenu".

Un autre type de problème "instable" se produit lorsque les paramètres d'affixe sont définis de manière incorrecte. Si vous avez un en-tête de 100px au-dessus d'une barre de navigation de 50px, vous devez définir le paramètre affix sur 100px. Dans ce cas, la barre de navigation sera apposée en haut de la page à chaque défilement de 100px. C'est l'aspect "lisse" que vous souhaitez.

Si vous définissez par défaut le paramètre affix pour qu'il se produise à 50px, la barre de navigation sautera au début de chaque défilement de la page jusqu'à 50px, ce qui causera cet autre type de "problème pressant".

Sur une page sensible qui permet une variation de la hauteur de l'en-tête, les choses peuvent devenir difficiles.

1
user3554535