Parar a agitação do viewport nos navegadores com barras de rolagem clássicas

Fixkamo-login
Navios
6 de julho de 2026 às 20:25 UTC
Autor
Kamo
Enviar
4b4e67a

Em máquinas cujo Chrome utiliza barras de rolagem que consomem layout (não sobreposição), as páginas de login/recuperação se agitaram com ambas as barras de rolagem piscando. Raiz causa: a raiz usada w-screen (100vw, que inclui a calha da barra de rolagem) enquanto html/body não tinha bloqueio de transbordamento. Uma barra de rolagem vertical de 1px Raiz 100vw transbordar horizontalmente -> barra de rolagem horizontal -> encolher visualViewport.height -> recomputed --app-dvh -> girou as barras de rolagem para trás, uma oscilação infinita. As máquinas nunca transbordaram. Então o mesmo código parecia bem lá. - Bloquear html, corpo a transbordar: oculto (estas são vistas fixas em tela cheia que nunca role) — quebra o ciclo de feedback com autoridade. - Trocar w-screen/100vw -> w-full/100% em todas as quatro raizes de página para o layout respeita o viewport excluído da barra de rolagem, independentemente do modo da barra de rolagem.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços