Как достичь такого прокручиваемого div с изменением css?

Этот сайт имеет прокручивающийся div слева. Когда вы прокручиваете страницу, div также прокручивается ритмично, и цвет изображения также изменяется. position:fixed - это не все, что можно сделать.

Что такое техника?

EDIT:

position:fixed - это все, что я могу использовать, чтобы получить div, фиксированный в месте с прокруткой страницы. Но как добавить ритм изменяющегося div? Какие еще исследования я должен показать (отрицательный рейтинг)?

Ответы

Ответ 1

вы можете добиться этого, используя jquery.

var divs = $('.fademe');
$(window).on('scroll', function() {
    var st = $(this).scrollTop();
    if (st > 50 && st < 100) {
        $('.fademe').css({
            'color': '#fff'
        });
    }
    else {
        $('.fademe').css({
            'color': '#000'
        });
    }    
});

эта функция изменит цвет текста в div, когда положение полосы прокрутки находится между 50 и 100. В противном случае текст будет черным

вы можете изменить код jquery выше, чтобы изменить любой CSS, который вам нужен.

попробуйте сами здесь http://jsfiddle.net/J8XaX/29/

добавлен отскок с этим http://jsfiddle.net/J8XaX/43/

Надеюсь, что это поможет