Jquery scrollTo start animation function

Question

I have been looking for some time on a solutuion for this and I am pretty sure it's possible. Id like to use my current scrollTo function which sets a link to active wiwhen you scroll to a but would like to add the ability to start the sections animation when scrolled to and not onb page load. By default there will be 3 animated items per section (header, text, image) just to keep it simple. Each section hs a unique id (home, about, etc)

This is the script i have to animate the scrollTo and set the menu links active. How would i got about adding the start animation function?

$(window).scroll(function() {
var windscroll = $(window).scrollTop();
if (windscroll >= 100) {
$('.navigation').addClass('fixed');
$('.wrap section').each(function(i) {
    if ($(this).position().top <= windscroll - 0) {
        $('.navigation a.active').removeClass('active');
        $('.navigation a').eq(i).addClass('active');
    }
});

} else {
$('.navigation a.active').removeClass('active');
$('.navigation a:first').addClass('active');
}

}).scroll();