← Retour aux pages exemple

Sommaire flottant - Site Web Exemples

Une alternative plus documentaire a la sous-navigation sticky: le sommaire reste a droite et suit la lecture d'un contenu long.

Introduction

Le sommaire flottant est ideal pour les pages longues: dossier, guide, article dense, carnet ou encyclopedie. Il facilite la navigation sans encombrer le haut de page.

Structure

Chaque chapitre a une ancre claire. Le sommaire reste visible et souligne la section active pendant le scroll.

Rythme de lecture

Ce pattern marche bien quand la page suit une logique linéaire mais doit rester consultable rapidement, comme une documentation ou un recit analytique.

Variantes

Le sommaire peut devenir compact, repliable, numerote ou enrichi par des progress bars. Il peut aussi vivre dans un panneau lateral plus large.

Conclusion

Par rapport a une navigation classique, ce composant est plus adapte aux contenus longs et aux pages de reference. Il se combine bien avec un style editorial.