Как изменять класс при прокрутке?

У меня есть линия на которой циферки, нужно при прокрутке каждой цифре добавить класс scroll. Вот HTML

<div class="line"><img src="img/line.png" alt=""></div>
    <div class="number ">01</div>
    <div class="number">02</div>
    <div class="number">03</div>
    <div class="number">04</div>
    <div class="number">05</div>

И такой JQuerry

var a = $(".line");
$(window).scroll(function() {
    var windowpos = $(window).scrollTop();
    if (windowpos + 770 >= a.offset().top && windowpos <= a.offset().top + a.height()-70) {
        $(".number").addClass("scroll");

    } else {
        $(".number").removeClass("scroll");
    }
});

Как сделать, что бы при прокрутке класс изменялся только тому что по центру экрана? А то у меня всем одновременно фигачит. Только как первый по-центру, всем добавляет класс scroll