Interação
Rolagem com encaixe
Scroll snap
Faz a rolagem se alinhar a posições de referência em uma sequência.
01020304
Role na horizontal para experimentar.Exemplo didático · Experimente os controles acima
Quando usar
Percorrer cartões ou seções com pontos de parada naturais.
Cuidados e acessibilidade
Evite prender a rolagem ou impedir leitura de conteúdos maiores que a janela.
Partes e comportamento
Contêiner rolável e pontos de alinhamento dos itens.
Não confunda
Encaixe de rolagem não deve virar uma armadilha que impede chegar ao conteúdo.
Exemplo de código
.faixa { display: flex; overflow-x: auto; scroll-snap-type: x proximity; }
.item { flex: 0 0 80%; scroll-snap-align: start; }Trecho didático. Integre e teste no contexto do seu projeto.