Aller au contenu
Forge

Sommaire de page

Une table des matières qui suit la lecture d'un long article et surligne la section en cours.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Sur grand écran, le sommaire reste collé dans sa colonne ; sur mobile, il s'affiche en tête d'article. La section visible est marquée par aria-current et un liseré, calculés une fois par image pendant le défilement. Sans JavaScript, les liens d'ancre fonctionnent normalement.

Code

Chargement du code…

Contenu de l'archive

sommaire-page-html-tailwind.zip3 fichiers · 5 Ko

  • index.html9 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Pagination

    Gratuit

    Une pagination complète avec page courante, points de suspension et flèches précédent/suivant correctement désactivées.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Menu déroulant

    Gratuit

    Une barre de navigation avec sous-menus déroulants qui se ferment à la touche Échap, au clic extérieur ou quand le focus quitte le menu.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Fil d'Ariane

    Gratuit

    Un fil d'Ariane accessible qui situe la page dans le site et se resserre sur mobile pour tenir sur une ligne.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Témoignage vidéo avec transcription

    Gratuit

    Une affiche de vidéo dessinée en CSS avec bouton de lecture, la citation forte du témoignage, son auteur, et la transcription horodatée dans un volet dépliable.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant