в данном примере если меню будет к примеру где то по середине страницы и перезагрузить страницу, то меню не будет красным, только измениться после скролла
Что мешает просто поменять цвет для класса navbar-top, .navbar-top { background: red; } если нужно в js, то используй не событие scroll, а событие load
https://jsfiddle.net/scotchhammer/ms2v6a17/2/