Le positionnement fixe nous permet de positionner un élément par rapport à la fenêtre d'affichage (la fenêtre du navigateur) plutôt que par rapport à son élément parent. Cela signifie que l'élément restera toujours à la même position sur l'écran même si l'utilisateur fait défiler la page.

position: fixed;

Cela peut être utile lorsque nous créons une navigation de page web qui sera toujours disponible pour l'utilisateur ou lorsque nous devons afficher en permanence certaines informations à l'écran. C'est pourquoi nous allons pratiquer et créer le bouton de chat de support, qui sera toujours dans le coin inférieur droit de la fenêtre d'affichage.

Le bouton de chat est toujours disponible pour l'utilisateur. Il ne disparaît pas lors du défilement. Cela a été réalisé uniquement avec la propriété position: fixed;.