Witam,
chciałbym, aby animacja napisana przeze mnie w css odpalała się dopiero po scrollu np. o 600px.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y < 600) {
$('.circle-middle-one').addClass('.animate-off');
} else {
$('.circle-middle-one').removeClass('.animate-off');
}
});
</script>
W momencie gdy zamienię addClass na FadeIn i removeClass na FadeOut to wszystko ładnie działa, tylko wtedy mam efekt pojawiającego się diva. A mi potrzebny jest tylko start animacji po scrollu o określoną ilość px.
Ma ktoś jakiś pomysł?