Área com rolagem
Um contêiner que permite rolar seu conteúdo sem rolar toda a página.
Ideia 1: criar algo que faça sentido.
Ideia 2: criar algo que faça sentido.
Ideia 3: criar algo que faça sentido.
Ideia 4: criar algo que faça sentido.
Ideia 5: criar algo que faça sentido.
Ideia 6: criar algo que faça sentido.
Ideia 7: criar algo que faça sentido.
Ideia 8: criar algo que faça sentido.
Exemplo didático · Experimente os controles acima
Quando usar
Limitar painéis de conteúdo sem esconder informações.
Cuidados e acessibilidade
Garanta acesso por teclado e deixe claro que existe mais conteúdo fora da área visível.
Partes e comportamento
Janela de visualização, conteúdo excedente e meios de rolagem.
Não confunda
Ter overflow não garante que o conteúdo possa receber foco ou ser operado pelo teclado.
Exemplo de código
.area { max-height: 20rem; overflow: auto; }
/* Se necessário, dê tabindex="0" e um nome à região. */Trecho didático. Integre e teste no contexto do seu projeto.