Как реализовать анимацию при скроллинге?
var el = $('.your-element'),
      pageHeight = document.documentElement.scrollHeight,
      viewportHeight = document.documentElement.clientHeight;

$(window).on('scroll', function (e) {
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    // станет полностью видимым только когда прокрутят до конца
    // если нужно наоборот, то просто инвертируем (1-результат того что есть)
    // если нужно только в пределах какой-то облости - у вас все дано, 
    // нужно только посчитать
    el.css('opacity', (scrollTop+viewportHeight) / pageHeight )
})
if ( $(this).scrollTop() > 900 ) {             
      $('.class').css({'opacity', '1'});
Прямо сейчас кодил это))