Scroll

Hide on Scroll Header

Também chamada Headroom, Auto-hide Navbar, Reveal on Scroll Up, Scroll Direction Detection, Scroll Direction Animation

Um cabeçalho se esconde ao rolar para baixo e reaparece ao rolar para cima.

Barras de navegação no celular e em páginas longas

  • up
  • down

Ver o código da demo

Prompt

Substitua [onde] pela parte da sua página e cole o prompt no seu agente de IA. Cada prompt traz o nome da animação, então da próxima vez basta pedir pelo nome.

Adicione um "Hide on Scroll Header" (também chamado headroom ou auto-hide navbar) em [onde].
O cabeçalho deve deslizar para cima e sair de vista quando o leitor rolar para baixo, e voltar a qualquer rolagem para cima: rápido e suave, reagindo à direção e não à distância.
Mostre sempre no topo da página, ignore pequenas oscilações de rolagem, e mantenha visível enquanto algo dentro dele tiver o foco do teclado.

Substitua [onde] pela parte da sua página e cole o prompt no seu agente de IA. Cada prompt traz o nome da animação, então da próxima vez basta pedir pelo nome.