Правильная проверка хеша

Как сделать проверку хеша?

Мне нужно реализовать примерно такую штуку:

    if (window.location.hash == '#about') {
        $('.topnav').css('background-color', 'red');
    }

Если хеш равен тому или иному значению, фон у шапки меняется. В таком виде проверка срабатывает через раз

$("section.nav div.bottomnav ul li a").click(function(){
    $("section.nav div.bottomnav ul li a").removeClass("active");
    $(this).addClass('active');
    if (window.location.hash == '#about') {
        $('.topnav').css('background-color', 'red');
    }
});

т.е для того чтобы фон поменялся, на меню нужно нажать 2 раза. А мне нужно чтобы она срабатывала сразу, не только по нажатию но и по скроллу страницы, к слову, используется FullPage, заранее благодарен за любую помощь.