Lite mer noob jquery problems=) (fixed navbar animation)

<div class="top"></div>
<div id="sticky"></div>

body{
    margin: 0;
    height: 1000px;
}

.top{
    height: 100px;
    background: #ccc;
    width: 100%;
}

#sticky{
    width: 100%;
    height: 40px;
    background: #eee;
}

.stick-to-top{
    position: fixed;
    top: -40px;
    left: 0;
    opacity: 0;
}

var sticky = $('#sticky');
var pos = sticky.position();
$(window).scroll(function() {
    var windowpos = $(window).scrollTop();
    if(windowpos >= pos.top) {
        sticky.addClass("stick-to-top").delay(300).animate({
            top: 0,
            opacity: 1
        }, 250);
    } else {
        sticky.removeClass("stick-to-top");
    }
});

var sticky = $('#sticky');
var pos = sticky.position();
$(window).scroll(function() {
    var windowpos = $(window).scrollTop();
    if(windowpos >= pos.top) {
        sticky.addClass("stick-to-top").delay(300).animate({
            top: 0,
            opacity: 1
        }, 250);
    } else {
        sticky.removeClass("stick-to-top");
        sticky.removeAttr('style');
    }
});