Изменение цвета текста при прокрутке страницы

[Fostik]

Нужно было, чтобы при прокрутке страницы вниз на 2000px изменялся цвет с идентификатором ul#menu-submenu li, сделал так:

$(document).ready(function(){
        $(window).scroll(function(){
            var bo = $(this).scrollTop();
             $html(bo);
if ( bo >= 5000) {$("ul#menu-submenu li").css({'color':'#fff;'})};
        });
    });

но сам понимаю, что какая-то фигня. Спасите пожалуйста

[Malleys]

document.body.scrollTop - возвращает на какое число пикселей содержимое документа прокручено вертикально.

$(document).ready(function(){
  $(window).scroll(function(){
    if (document.body.scrollTop >= 2000) {
      $("ul#menu-submenu li").css({
        'color':'#fff'
      });
    };
  });
});

Пример: http://codepen.io/Malleys/pen/jEMmdg