¡Help! Efecto desplazamiento

Etiquetado: ,

  • ¡Help! Efecto desplazamiento

    Discusión creada por Andreina Brito el 9 de abril de 2026 en 11:53 AM

    Hola que tal, soy nueva por aquí, no estoy segura porque grupo escribir y si por aca por este medio alguien podria orientarme, quisiera hacer el efecto de desplazamiento que tiene divi en sus productos, cuando uno hace scroll, se pone el fondo de un color y la card se agranda, mi problema es como hacer el fondo asi en scroll?, ya que no es el fondo de la sección en si misma, tengo dias luchando con claude y gpt literalmente, no consigo por algun medio como hacerlo y no soy experta, estoy aprendiendo pero me creo super PRO para hacerlo todo jajajaj,

    ¿Es con codigo?, se puede hacer nativamente en divi 5? ¿alguien podria darme alguna luz porfis? se lo agradezco infinito a todos. un abrazo!

    Jefferson Maldonado ha respondido hace 16 minutos 3 Miembros · 2 Respuestas
  • 2 Respuestas
  • Eduardo Roque Nieto

    Miembro
    9 de abril de 2026 en 12:49 PM

    Hola

    Creo que se puede hacer nativamente incluso con versiones de DIVI 4.

    Si no me equivoco en el blog de divi (https://www.elegantthemes.com/blog) había un articulo explicando como hacerlo e incluso un descargable con el json para descargar y usar.

    El problema es que hace muchos años que está y te va a llevar tiempo encontrarlo pero está ahí. yo lo he usado alguna vez.

  • Jefferson Maldonado

    organizador
    10 de abril de 2026 en 9:34 AM

    Hola Andreina, bienvenida por aquí

    Sí te entendí perfecto lo que quieres lograr. Ese efecto donde al hacer scroll o al interactuar con una card, el fondo cambia y el bloque se expande, puede hacerse, pero depende mucho de qué tan parecido lo quieras al ejemplo exacto de Divi.

    En Divi 5, de forma nativa, algunas partes puedes resolverlas con opciones de diseño, transformaciones, sticky y efectos de scroll, pero cuando buscas un comportamiento más específico, como que cambie un fondo “independiente” y además la card crezca con una animación más controlada, normalmente ya entra una combinación de estructura + estilos + en algunos casos algo de código.

    Ahora, si no te quieres complicar tanto, la forma más fácil y rápida de lograr algo muy parecido es usando todo el poder de Divi Pixel. Ahí ya tienes módulos y efectos mucho más avanzados que te ahorran bastante trabajo técnico.

    De hecho, te recomiendo ir directo a esta clase, donde explicamos cómo usar ese módulo:
    https://uxdivi.com/cursos/curso-potencia-divi-con-el-plugin-divi-pixel/lecciones/modulos-2022/clases/dp-37-expanding-cta-module

    Ese módulo de Divi Pixel te puede ayudar muchísimo para conseguir justo ese tipo de efecto de expansión visual sin pelearte tanto con código ni con configuraciones raras.

    Si luego quieres hacerlo más “a mano” dentro de Divi 5, también se puede plantear, pero ya sería armando una estructura específica para separar el fondo del contenido y controlar el crecimiento de la card con más precisión.

    Vas bien, no te preocupes, ese tipo de efectos suelen parecer simples visualmente pero por detrás tienen su truco 😄 y más si estás intentando replicarlos exactos. Para avanzar rápido, yo en tu caso me iría primero por la opción de Divi Pixel.

Inicia sesión para responder.