Element pokazuję się po zjechaniu 900px

Witam :)
Mam mały problem, chciałbym żeby drugie menu na stronie pokazywało się po zjechaniu 900px. Mam taki skrypt i on działa tylko nie tak do końca jakbym chciał. Po uruchomieniu strony to menu cały czas jest widoczne, dopiero jak zjadę w dół i z powrotem w górę to już działa jak należy, czyli jest nie widoczne i po zjechaniu 900px pokazuję się. Nie wiem czy do końca mnie zrozumieliście.

Oto ten skrypt:

<script>
$( window ).scroll(function() {
        var wys = $(window).scrollTop();
        if(wys > 900){
            $('#navigation').fadeIn(1000);
        } else {
            $('#navigation').fadeOut(1000);
        }
    });
</script>

Z góry dziękuje za pomoc.

Domyślnie więc je ukryj przez CSS.