Seleccionar página
Hola, me llamo Antonio Mtz, soy el iniciador de Divicon que hace referencia a (DIVI y CONferencias). Soy diseñador gráfico, con especialidad en imagen corporativa, me gusta mucho la ilustración, el 3D, Motion graphic, fotografía, tipografía. jajaja bueno todo lo que se refiere al diseño.

Divi Parallax / Scrolling Sección fija/fixed/sticky 📌

En este video te enseñaremos hacer una sección fija/fixed/sticky o pegajosa en wordpress utilizando nuestro framework favorito que es divithemes.

Las secciones las vamos a sobreencimar, eso quiere decir, que cuando tengamos una sección fija/fixed/sticky y hagamos el efecto de scrolling con el ratón nuestra sección se va a encimar o crear un overlaping sobre la primera sección que teniamos fija/fixed/sticky.


Antes de empezar con el tutorial debemos de conocer algunas deficiones


Una vez que conocemos estos terminos pasamos a explicar un poco lo que haremos en divithemes:

La idea del tutorial es cuando hagan scroll hacia abajo una de nuestras secciones debe de sobreponerse a la sección anterior, es un efecto demasiado bueno, que debes de usar con responsabilidad.

Con esto lograremos:


  • Tienes la posibilidad de contar una historia con el uso de esta técnica.
  • Facilidad de navegación
  • Mejora la “llamada a la acción” o “call to action” de los usuarios o visitantes
  • Es un efecto actual y diferente a todos los scrolling o parallax

DEMO Divi Parallax / Scrolling
fija / fixed / sticky

Description for this block. Use this space for describing your block. Any text will do.


Lo único que necesitaremos para crear este hermoso efecto, es lo siguiente:

  • Plugin frees sticky divi (descargar)
  • Documentación fixed-sticky (ver)
  • CSS Para las secciones fija/fixed en divi (mirar más abajo)
  • Divi themes (adquirir)
  • WordPress instalado

Divi Parallax / Scrolling Sección fija/fixed/sticky WordPress y DIVI Themes


10% de descuento en su tema Divi

ÚNETE A NUESTRO GRUPO DE FACEBOOK

¿Te parece interesante este artículo?
Puntaje
[Total: 0 Average: 0]

Suscríbete a nuestro boletín.

Recibe notificaciones cuando publiquemos algo nuevo.

Gracias por suscribirte

Pin It on Pinterest

Shares