En este tutorial premium aprenderás a crear un hero slider con desplazamiento vertical sensible al desplazamiento o scroll del cursor en divi.
Este tutorial me lo han solicitado en nuestra comunidad de facebook y después de varias pruebas he logrado realizarlo con divi, pero fiel a la costumbre de OV DIVI he realizado esta funcionalidad sin plugins para que no tengas que invertir en pesados y costosos plugins, incluso, creo que está funcionalidad hasta este momento no se puede realizar ni si quiera con plugins. 💪
La funcionalidad consiste en tener un slider en la sección principal de tu página web (hero section), este slider estará conformado por diapositivas (el número que desees) y al hacer scroll nos iremos desplazando de diapositiva en diapositiva, una vez lleguemos a la última diapositiva continuaremos con el desplazamiento por defecto del navegador 🤩
Además de crear un desplazamiento vertical entre diapositivas le vamos agregar algunos efectos de movimiento parallax a los elementos que conforman nuestros slides, esto para darle un plus a esta funcionalidad y se vea mucho más increíble.
Si quieres ver la funcionalidad en vivo, puedes visualizar la demo y navegar por esta desde tú móvil, tableta o computadora, no importa desde dónde la visualices se verá realmente genial… 😍
0 comentarios