Изменение цвета фона во время прокрутки с использованием путевых точек jQuery

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

Веб-сайт, над которым я работаю, находится здесь: www.samskirrowdesign.com Я хочу изменить цвет фиксированной высоты 3 пикселя div вверху страницы.


colors jquery jquery-waypoints
person Sam Skirrow    schedule 03.11.2012    source источник
comment
Я бы не стал использовать путевые точки и сразу реагировать на scroll   -  person John Dvorak    schedule 04.11.2012
comment
спасибо @adeneo, это то, что у меня есть. Это не совсем работает, есть мысли? $('body, html').on('scroll', function() { if ($('body').scrollTop() > 100 ) $('.top').css('background-color', '#000'); });   -  person Sam Skirrow    schedule 04.11.2012

Ответы (1)


arrow_upward
1
arrow_downward

В зависимости от верхней позиции прокрутки вы можете изменить градиент, например

   $(window).scroll(function () { 
    $('#test').css('background-color','#BC46'+($(this).scrollTop()/10))
    });

Посмотрите на эту скрипку

JSFIDDLE

person sayannayas    schedule 03.11.2012
comment
Спасибо @sayannayas - я уверен, что это сработает, есть ли что-то не так с синтаксисом, хотя он помечает ошибки, когда я добавляю его в dreamweaver ... я уверен, что это что-то простое, но мои знания jQuery не хорошо - person Sam Skirrow; 04.11.2012