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-14.

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 :

<div class="col"> 
  <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...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les notifications
Suivant
L'objectif