← Tous les exemples

WhatsApp Web : barre de saisie collante

Maintient la barre de saisie en bas de la fenêtre avec une ombre subtile de séparation.

Code à copier

/* Keep the message compose bar sticky at the bottom of the chat */
footer[data-testid="conversation-compose-box"],
footer:has([data-testid="conversation-compose-box-input"]) {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 100 !important;
  background: var(--panel-background, #f0f2f5) !important;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.