Rolagem de seção de página inteira
paraDivi
Rolagem da seção Divitransforma a rolagem normal em uma experiência elegante de tela inteira: a página desliza de uma seção Divi para outra com uma animação suave e configurável. Perfeito para landing pages, portfólios e sites de uma página.
Obtenha a rolagem da seção Divi → Disponível no Divi Marketplace oficialVeja em ação
Um pergaminho. Uma seção. Fricção zero.
Em vez de rolagem livre, cada movimento da roda do mouse, deslizamento ou pressionamento de tecla leva a janela de visualização para a próxima seção Divi - como os sites premium de “página inteira” que você vê nas vitrines de design.
Parece caro. Instala em um minuto.
Ative o plugin, marque as páginas desejadas, salve. Seus visitantes obtêm um encaixe de seção suave com navegação de pontos laterais - sem código, sem ginástica de construção de páginas.
- Roda do mouse
- Deslize por toque com limite ajustável
- Suporte completo ao teclado: setas, Page Up/Down, Espaço, Home
- Navegação de pontos clicável com dicas de ferramentas para nomes de seções
- Seta de rolagem para baixo saltitante opcional que fica oculta na última seção
Como funciona
Da instalação à página inteira em três etapas
Instalar
Carregue o plugin como qualquer outro plugin do WordPress. Um novo menu "Rolagem de seção" aparece em seu administrador.
Escolha suas páginas
Use o seletor de página pesquisável para ativar a rolagem de seção nas páginas selecionadas — ou ative-o em todo o site com um clique.
Sintonize a sensação
Escolha velocidade, atenuação, estilo de ponto e cores com uma visualização ao vivo. Salve e sua página Divi rolará como um site de demonstração.
Por que escolher
Tudo que um plugin de página inteira deve fazer – feito da maneira certa
Rolagem nativa verdadeira
O mecanismo anima a posição real de rolagem do navegador em vez de transformar a página – para que a paralaxe Divi, os elementos fixos e os efeitos de rolagem continuem funcionando exatamente como projetados.
Controle por página
Um seletor de página pesquisável com selecionar tudo/limpar permite ativar a rolagem de página inteira exatamente onde ela pertence – páginas de destino sim, postagens de blog não.
Seções altas manuseadas
Seções mais altas que a tela rolam naturalmente dentro de si antes de avançarem. Conteúdo longo nunca é cortado.
Linda navegação por pontos
Pontos, linhas ou quadrados — à esquerda ou à direita, tamanho e cores personalizados, dicas de ferramentas mostrando o nome da seção e uma visualização ao vivo diretamente nas configurações.
Links âncora
Os itens de menu que apontam para uma seção deslizam até ela com a mesma animação. Atualizações opcionais de hash de URL significam que os links compartilhados vão para a seção certa.
Compatível com rodapé
Inclua o rodapé como parada final de rolagem ou deixe-o de fora - de qualquer forma, nada em sua página ficará inacessível.
Compatível com dispositivos móveis
Toque em deslizar com um limite ajustável ou volte à rolagem normal abaixo de um ponto de interrupção configurável (980px corresponde ao ponto de interrupção do tablet Divi).
Acessível por padrão
Respeita a preferência de movimento reduzido do visitante, botões reais com rótulos ARIA, gerenciamento de foco e ordem de abas coerente.
Leve
Vanilla JavaScript no front-end — sem jQuery, sem bibliotecas pesadas. Os ativos são carregados apenas nas páginas onde a rolagem de seção está ativa.
Divisão 5
Tem como alvo as seções Divi no Divi 4 e Divi 5, ignora automaticamente as áreas do modelo de cabeçalho/rodapé e nunca interfere no Visual Builder.
Seis curvas de flexibilização
Desde uma entrada-saída suave até um overshoot sutil "para trás", com uma duração de transição de 200 a 3.000 ms - encontre a sensação exata da sua marca.
Amigável ao desenvolvedor
Uma pequena API JavaScript (next, prev, goTo…), um evento DOM dss:change em cada mudança de seção, filtros WordPress e um seletor de seção personalizado.
Controle total
Cada opção, uma página de configurações limpa
Sem opções dispersas, sem códigos de acesso para memorizar. Uma tela de configurações moderna controla tudo – com uma visualização de navegação de pontos ao vivo conforme você ajusta.
Onde funciona
- Páginas selecionadas ou todas as páginas
- Seletor de páginas pesquisáveis
- Selecionar tudo/limpar atalhos
- Selo de primeira página
Comportamento de rolagem
- Duração da transição (200–3000 ms)
- 6 curvas de flexibilização
- Teclado
- Limite de deslize
- Rolagem livre em seções altas
- Parada de rodapé, modo loop
- Links âncora
IU de navegação
- Pontos, linhas ou quadrados
- Posição esquerda ou direita
- Tamanho
- Dicas de ferramentas para nomes de seção
- Cor da seta de rolagem para baixo
- Visualização ao vivo
Móvel
- Ponto de interrupção de fallback móvel
- Suporte de movimento reduzido
- Deslocamento de cabeçalho fixo
- Índice z de navegação
- Seletor de seção personalizada
Perguntas frequentes
Perguntas frequentes
A paralaxe do Divi, elementos fixos e efeitos de rolagem ainda funcionam
Sim. O plugin anima a posição de rolagem nativa do navegador em vez de transformar a página com CSS, para que tudo que reage à rolagem continue funcionando exatamente como projetado.
O que acontece com seções mais altas que a tela
Com a opção "rolagem livre dentro de seções altas" ativada (o padrão), uma seção alta rola normalmente dentro de si mesma; assim que você atingir sua borda, o próximo pergaminho se encaixará na seção seguinte. Nada é cortado.
Ele sequestra a rolagem no construtor Divi
Não. O mecanismo nunca carrega dentro do Visual Builder, do Customizer ou das visualizações — a edição permanece completamente intacta.
Posso acionar alterações de seção a partir dos meus próprios botões?
Sim. Aponte qualquer link para o ID CSS de uma seção e o manuseio suave da âncora o capta ou chame a API JavaScript diretamente, por exemplo.DiviSectionScroll.goTo(2).
Dê às suas páginas Divi a sensação de página inteira
Junte-se aos proprietários de sites Divi que transformaram páginas comuns em experiências imersivas seção por seção – em minutos, sem uma linha de código.
Compre o rolo da seção Divi no Divi Marketplace → Por Divi Layouts Pro – autor oficial do Divi Marketplace