Я пытаюсь изменить цвет текста на панели навигации в каждом разделе, но он не меняется?

Question

var top1 = $('#profile').offset().top;
var top2 = $('#intro').offset().top;
var top3 = $('#about-me').offset().top;


$(document).scroll(function() {
  var scrollPos = $(document).scrollTop();
  if (scrollPos >= top1 && scrollPos < top2) {
    $('.link').css({"color": "#fff"});
  } else if (scrollPos >= top2 && scrollPos < top3) {
    $('.link').css({"color": "#000"});
  } else if (scrollPos >= top3) {
    $('.link').css({"color": "#fff"});
  }
});

Я пытаюсь изменить цвет текста моей панели навигации при прокрутке в каждом разделе, но он не меняется ??