Buenas:
Gracias por las respuestas, a ver si me podéis echar un cable porque he intentado adaptarlo a mi código y no chuta aunque sea una tontería (me he basado en el ejemplo:
http://voragine.net/weblogs/como-det...rlo-con-jquery ). Vamos a suponer que hay una única animación para dejarlo más sencillo aún:
La clase "quest" es la que tendrá el <p> en cualquier caso y la clase "anim" será la que se le quite o añada según se deba reproducir o no la animación.
Código CSS:
Ver originalsection.presentation article.two section.text {
width: 50%;
}
section.presentation article.two section.text p.quest {
font-size: 0.6em;
}
Esta la clase que posee la animación:
section.presentation article.two section.text p.anim {
animation: show-quest 1.5s;
}
La función que hay en el ejemplo la he colocado dentro de etiquetas "<script>" en el "<head>", no sé si es correcto.
Código Javascript
:
Ver original<head>
<script>
$(function () {
var $win = $(window);
var $pos = 450;
$win.scroll(function () {
if ($win.scrollTop() <= $pos)
$('.quest').removeClass('anim');
else {
$('.quest').addClass('anim');
}
});
});
</script>
</head>