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.
Where It Runs
- Selected pages or all pages
- Searchable page picker
- Select all / clear shortcuts
- Front-page badge
Scroll Behaviour
- Transition duration (200–3000 ms)
- 6 easing curves
- Keyboard & touch toggles
- Swipe threshold
- Free scroll in tall sections
- Footer stop, loop mode
- Anchor links & URL hash
Navigation UI
- Dots, lines or squares
- Left or right position
- Size & colour pickers
- Section-name tooltips
- Scroll-down arrow + colour
- Live preview
Mobile & Advanced
- Mobile fallback + breakpoint
- Reduced-motion support
- Fixed-header offset
- Navigation z-index
- Custom section selector
FAQ
Perguntas frequentes
Do Divi parallax, sticky elements and scroll effects still work?
Yes. The plugin animates the browser's native scroll position instead of transforming the page with CSS, so everything that reacts to scrolling keeps working exactly as designed.
What happens to sections taller than the screen?
With "free scroll inside tall sections" enabled (the default), a tall section scrolls normally inside itself; once you reach its edge, the next scroll snaps to the following section. Nothing gets cut off.
Does it hijack scrolling in the Divi builder?
No. The engine never loads inside the Visual Builder, the Customizer or previews — editing stays completely untouched.
Can I trigger section changes from my own buttons?
Yes. Point any link at a section's CSS ID and the smooth anchor handling picks it up, or call the JavaScript API directly, e.g. DiviSectionScroll.goTo(2).
Give your Divi pages the fullpage feel
Join the Divi site owners who turned ordinary pages into immersive, section-by-section experiences — in minutes, without a line of code.
Buy Divi Section Scroll on the Divi Marketplace → By Divi Layouts Pro — official Divi Marketplace author