Animación de etiqueta html cuando se hace scroll
1 seguidor
Que plugin de jquery es más usado para está función de animar un elemento html mediante se hace scroll??
Que plugin de jquery es más usado para está función de animar un elemento html mediante se hace scroll??
Seguro que tienes mucho que decir, te estamos esperando.
Usuario desconocido
¿Te refieres a simular la propiedad "position:sticky"?
Es una cosa bastante sencilla que podria hacerse facilmente incluso con javascript sin jquery, http://jsfiddle.net/qc4NR/
¿O te refieres al rollito en plan "story telling" que vas bajando el scroll y "pasan cosas"?
Este es el codigo que usé en una web de ese tipo, simplemente, iba llamando a las funciones segun la altura del scroll:
var productos=0;
var datos=0;
var cobertura=0;
puzzle=0;
var alto= window.innerHeight;
window.onscroll = function() {
alto= window.innerHeight;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if ((scrollTop >(alto*3)) && (productos==0) ) {
init_mano();
productos=1;
}
if ((scrollTop >(alto*2)) && (cobertura==0) ) {
init_cobertura();
cobertura=1;
}
if ((scrollTop >(alto*4)) && (puzzle==0) ) {
init_puzzle()
puzzle=1;
}
if ((scrollTop >(alto*5)) && (datos==0)){
init_datos_simple() ;
datos=1;
}
};
sergiocastilla Plus
Muchas gracias me refería a la segunda opción. Por otra parte como veo que controlas javascript, podrías explicarme básicamente estos puntos:
- Como crear un evento en una función para que cada vez que cambie por ejemplo la altura de un elemento html se produzca una acción.
- Como puedo saber el javascript que está interactuando con un elemento desde el navegador en herramientas de desarrollador??