Skip to main content
2 de 2
se eliminaron 3 caracteres en el cuerpo; título editado; se añadieron 11 caracteres en el cuerpo
Mariano
  • 24.5k
  • 20
  • 76
  • 105

Animar una imagen cuando el scroll baje

Estoy trabajando en Angular.js con 2 librerías, primero la de angular-smoothscroll y la de animated.css.

¿Cómo puedo mezclar estas dos?

Quiero que al bajar el scroll se anime una imagen. Las animaciones ya están definidas: son clases css, y sólo las tengo que poner en la imagen que se animara.

<a href="" smooth-scroll target="eleccion" offset="10">
    <img src="../images/votaaqui.png" alt="" class="boton center-block">
</a>
<section id="eleccion" class="pag_home elec">

    <div class="elec_cel center-block">
        <a href="" ng-click="GoToEnero()"><img class="center-block img-responsive mes_vs ANIMACION1" src="../images/enerista_md.png"></a>
        <img class="vac center-block img-responsive" src="../images/estas_vacaciones.png" alt="">
        <a href="" ng-click="GoToFebrero()"><img class="center-block img-responsive mes_vs ANIMACION2" src="../images/febrerista_md.png" alt=""></a>

    </div> </section>

¿Ustedes qué sugieren?

Hernan Humaña
  • 693
  • 3
  • 17
  • 35