Desplazamiento de sección de página completa
paradivid
Desplazamiento de la sección Diviconvierte el desplazamiento normal en una elegante experiencia de pantalla completa: la página se desliza de una sección Divi a la siguiente con una animación suave y configurable. Perfecto para páginas de destino, portafolios y sitios web de una sola página.
Obtener desplazamiento de la sección Divi → Disponible en el mercado oficial de DiviVéalo en acción
Un pergamino. Una sección. Fricción cero.
En lugar de desplazarse libremente, cada movimiento de la rueda del mouse, deslizamiento o pulsación de tecla ajusta la ventana gráfica a la siguiente sección Divi, como los sitios premium de "página completa" que ve en las vitrinas de diseño.
Se siente caro. Se instala en un minuto.
Active el complemento, marque las páginas que desee y guarde. Sus visitantes obtienen un ajuste de sección fluido con navegación por puntos laterales: sin código, sin ejercicios de creación de páginas.
- Rueda del ratón
- Deslizamientos táctiles con un umbral ajustable
- Compatibilidad completa con el teclado: flechas, página arriba/abajo, espacio, inicio
- Navegación por puntos en la que se puede hacer clic con información sobre herramientas de nombre de sección
- Flecha desplegable de desplazamiento hacia abajo opcional que se oculta en la última sección
Cómo funciona
De la instalación a la página completa en tres pasos
Instalar
Cargue el complemento como cualquier otro complemento de WordPress. Aparece un nuevo menú "Desplazamiento de sección" en su administrador.
Elige tus páginas
Utilice el selector de páginas con capacidad de búsqueda para habilitar el desplazamiento por secciones en las páginas seleccionadas, o cámbielo en todo el sitio con un solo clic.
Sintoniza la sensación
Elija velocidad, suavización, estilo de punto y colores con una vista previa en vivo. Guarde y su página Divi se desplazará como un sitio de exhibición.
¿Por qué elegirlo?
Todo lo que debería hacer un complemento de página completa, bien hecho
Desplazamiento nativo verdadero
El motor anima la posición de desplazamiento real del navegador en lugar de transformar la página, por lo que el paralaje de Divi, los elementos adhesivos y los efectos de desplazamiento siguen funcionando exactamente como se diseñaron.
Control por página
Un selector de páginas con capacidad de búsqueda con seleccionar todo/borrar le permite habilitar el desplazamiento de página completa exactamente donde pertenece: páginas de destino, sí, publicaciones de blog, no.
Secciones altas manejadas
Las secciones más altas que la pantalla se desplazan naturalmente dentro de sí mismas antes de avanzar. El contenido extenso nunca se corta.
Hermosa navegación de puntos
Puntos, líneas o cuadrados: izquierda o derecha, tamaño y colores personalizados, información sobre herramientas que muestra el nombre de la sección y una vista previa en vivo directamente en la configuración.
Enlaces de anclaje
Los elementos del menú que apuntan a una sección se deslizan hacia ella con la misma animación. Las actualizaciones de hash de URL opcionales significan que los enlaces compartidos llegan a la sección correcta.
Consciente del pie de página
Incluya el pie de página como parada final de desplazamiento o déjelo fuera; de cualquier manera, nada en su página quedará inaccesible.
Compatible con dispositivos móviles
Toque los deslizamientos con un umbral ajustable o vuelva al desplazamiento normal por debajo de un punto de interrupción configurable (980 px coincide con el punto de interrupción de la tableta Divi).
Accesible por defecto
Respeta la preferencia de movimiento reducido del visitante, botones reales con etiquetas ARIA, gestión de enfoque y un orden de tabulación coherente.
Ligero
JavaScript básico en la interfaz: sin jQuery ni bibliotecas pesadas. Los recursos se cargan solo en las páginas donde el desplazamiento de sección está activo.
Divi 5
Se dirige a las secciones Divi en Divi 4 y Divi 5, ignora automáticamente las áreas de plantilla de encabezado/pie de página y nunca interfiere con Visual Builder.
Seis curvas de flexibilización
Desde una suave entrada y salida hasta un sutil sobrepaso "atrás", con una duración de transición de 200 a 3000 ms, encuentre la sensación exacta de su marca.
Apto para desarrolladores
Una pequeña API de JavaScript (siguiente, anterior, ir a…), un evento DOM dss:change en cada cambio de sección, filtros de WordPress y un selector de sección personalizado.
Control total
Cada opción, una página de configuración limpia
Sin opciones dispersas, sin códigos cortos que memorizar. Una pantalla de configuración moderna controla todo, con una vista previa de navegación por puntos en vivo a medida que modificas.
Donde corre
- Páginas seleccionadas o todas las páginas
- Selector de páginas con capacidad de búsqueda
- Seleccionar todo/borrar atajos
- Insignia de portada
Comportamiento de desplazamiento
- Duración de la transición (200–3000 ms)
- 6 curvas de relajación
- Teclado
- Umbral de deslizamiento
- Desplazamiento libre en secciones altas
- Parada de pie de página, modo bucle
- Enlaces de anclaje
Interfaz de usuario de navegación
- Puntos, líneas o cuadrados
- Posición izquierda o derecha
- Tamaño
- Información sobre herramientas de nombre de sección
- Color de la flecha de desplazamiento hacia abajo
- Vista previa en vivo
Móvil
- Punto de interrupción de respaldo móvil
- Reduced-motion support
- Fixed-header offset
- Navigation z-index
- Custom section selector
Preguntas frecuentes
Preguntas frecuentes
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