Synchroniser le défilement COMPOSANTS D’INTERFACE:Défilement synchronisé

1. Les objectifs DÉFILEMENT SYNCHRONISÉ:Utilisation

Dans les pages ayant beaucoup de contenu, les visiteurs apprécient de savoir où ils en sont dans un sommaire qui est affiché, en fonction du défilement de la page. Ce sommaire peut être une barre de navigation ou une liste de liens.

Lorsque le visiteur utilisera la barre de défilement, les éléments du menu ou de la liste changeront d’aspect quand le visiteur arrivera à leurs niveaux.

Vous pouvez télécharger le dossier de ces exemples, nommé 08-Interface-15.

2. Utiliser une barre de navigation DÉFILEMENT SYNCHRONISÉ:Barre de navigation

Voici la structure que nous allons mettre en place. Notez qu’elle est placée dans une simple boîte <div class="col">.

Dans la partie supérieure nous avons une barre de navigation, avec des éléments de menu placés dans la barre et dans un menu déroulant :

<nav id="navbar-example1" class="navbar navbar-light bg-light"> 
   <a class="navbar-brand" href="#">Mes voyages</a> 
   <ul class="nav nav-pills"> 
       <li class="nav-item"> 
           <a class="nav-link" href="#projets">Projets</a> 
   ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
L'annonce d'accueil
Suivant
L'objectif