← Todos los ejemplos

WhatsApp Web: barra de redacción fija

Mantiene la barra de redacción fija en la parte inferior con una sombra de separación sutil.

Código para copiar

/* 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;
}

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.