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
- Soporte de movimiento reducido
- Desplazamiento de encabezado fijo
- Índice z de navegación
- Selector de sección personalizado
Preguntas frecuentes
Preguntas frecuentes
¿El paralaje de Divi, los elementos adhesivos y los efectos de desplazamiento siguen funcionando?
Sí. El complemento anima la posición de desplazamiento nativa del navegador en lugar de transformar la página con CSS, por lo que todo lo que reacciona al desplazamiento sigue funcionando exactamente como se diseñó.
¿Qué sucede con las secciones más altas que la pantalla?
Con el "desplazamiento libre dentro de secciones altas" habilitado (el valor predeterminado), una sección alta se desplaza normalmente dentro de sí misma; una vez que llegue al borde, el siguiente desplazamiento se ajustará a la siguiente sección. No se corta nada.
¿Secuestra el desplazamiento en el constructor Divi?
No. El motor nunca se carga dentro del Visual Builder, el Personalizador o las vistas previas; la edición permanece completamente intacta.
¿Puedo activar cambios de sección desde mis propios botones?
Sí. Apunte cualquier enlace al ID CSS de una sección y el manejo fluido del anclaje lo recogerá, o llame directamente a la API de JavaScript, p.DiviSectionScroll.goTo(2).
Dale a tus páginas Divi la sensación de página completa
Únase a los propietarios de sitios Divi que convirtieron páginas comunes en experiencias inmersivas, sección por sección, en minutos, sin una línea de código.
Compre el desplazamiento de la sección Divi en Divi Marketplace → Por Divi Layouts Pro - autor oficial de Divi Marketplace