Foros del Web » Programando para Internet » Jquery »

Animar cuando scroll

Estas en el tema de Animar cuando scroll en el foro de Jquery en Foros del Web. Buenas! Tengo un elemento animado con CSS, pero este se encuentro muy abajo de mi página, entonces cuando bajas ya ha finalizado la animación y ...
  #1 (permalink)  
Antiguo 16/09/2015, 01:30
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 2 meses
Puntos: 0
Animar cuando scroll

Buenas!

Tengo un elemento animado con CSS, pero este se encuentro muy abajo de mi página, entonces cuando bajas ya ha finalizado la animación y no se ve.

Me gustaría saber como hacer para que la animación se pusiera en funcionamiento solo cuando el elemento ha aparecido en pantalla (al hacer scroll).
  #2 (permalink)  
Antiguo 16/09/2015, 11:47
Avatar de Drako_18  
Fecha de Ingreso: mayo-2005
Ubicación: Madrid
Mensajes: 505
Antigüedad: 18 años, 11 meses
Puntos: 16
Respuesta: Animar cuando scroll

Buenas compañero,

Que yo sepa, no hay una forma de hacerlo con CSS, PERO si pones esa animación a una clase en particular, puedes meterle esa clase al elemento deseado al hacer scroll.
$( window ).scroll(function() {
$("#MiElemento").addClass("ClaseAnimacion");
});

Añadir clase: https://api.jquery.com/addclass/
Scroll: https://api.jquery.com/scroll/


Un saludo compañero!!!
__________________
Rubén Espada
Desarrollador full stack .Net (Angular + JS + .Net Core)

Etiquetas: animar, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:37.