Un en-tête collant reste en haut de l'écran lorsque l'utilisateur fait défiler la page vers le haut ou vers le bas. L'utilisateur bénéficie ainsi d'une expérience transparente lorsqu'il navigue sur le site, en utilisant le menu de navigation qui est toujours à sa portée.
Création d'un en-tête collant
- Lors de l'édition d'une page ou d'un modèle avec SeedProd, ajoutez une section qui contiendra vos éléments d'en-tête.
- Après avoir créé votre section d'en-tête, cliquez sur la poignée des paramètres de la section (l'icône d'engrenage dans la barre d'outils violette de la section) pour ouvrir son panneau de paramètres. Vous pouvez également le faire en ouvrant la fenêtre Disposition Panneau de navigationpuis en cliquant sur la section de l'en-tête dans ce panneau.
- Cliquez sur l'onglet "Avancé", puis ouvrez le panneau "Position".
- Dans le menu déroulant "Position", sélectionnez "Collant". Ajoutez ensuite un décalage de zéro ("0") vers le haut et un indice z élevé (par exemple, "9999") pour garantir que l'en-tête reste en haut au-dessus de tous les éléments de la page.
- Enregistrez cette page ou ce modèle, puis prévisualisez la page pour voir l'en-tête collant en action lorsque vous faites défiler la page vers le bas ou vers le haut.
- Voilà, c'est fait ! Vous avez maintenant un superbe en-tête collant sur votre site.