Scroll y activar efectos
4 seguidores
Buenas a todos,
Quisiera saber como poder implementar que cuando hago scroll se vayan activando los distintos efectos y luego no se vuelvan a reproducir. Aqúi podeis ver un ejemplo de lo que digo:
Sé que se puede hacer con jquery pero no encuentro ninguna función que sea clara.
Muchas gracias de antemano!!
A:
raquelux
HOla A.Carqués:
Este es el código jquery, aunque yo lo suelo hacer por Javascript nativo, se compara el offset del objeto con el de la página para detectar si es visible o no:
function fVemosElemento(elem){
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)
&& (elemBottom <= docViewBottom) && (elemTop >= docViewTop) );
}
sararow
Hola! te dejo una página en la que hice una cosa como la que quieres super sencilla. El sistema es lanzar un evento cada vez que un elemento que me interesaba entraba en pantalla.
http://lamagacomunica.com/serveis/
el js sobre estas animaciones esta aqui:
http://lamagacomunica.com/wp/wp-content/themes/lamaga-portfolio/js/lamaga-custom.js?ver=1