Collant Tête de Défilement - CSS / jQuery

Je souhaite créer un collant en-tête. À chaque fois que l'utilisateur fait défiler vers le bas ET l'origine de l'en-tête s'en va, puis le "post-it" en-tête devrait coup de pied dans.

J'utilise actuellement ce:

$(function(){
    //Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = $('#sticky').offset().top;
    $(window).scroll(function(){
        if( $(window).scrollTop() > stickyHeaderTop ) {
            //$('#sticky').css({position: 'fixed', top: '0px', float: 'right'});
            $('#sticky').addClass("sticky");
        } else {
            $('#sticky').removeClass("sticky");
        }
    });
});

Bien que, l'actuel ajouter la classe "collant" à chaque fois qu'un utilisateur fait défiler, et non pas lorsque l'origine de l'en-tête doit être passé.

Ce qui concerne

Cela fonctionne très bien: jsfiddle.net/purmou/ZQwhL/embedded/result
Mais ma tête se trouve en haut pour commencer.
Si il est au sommet, alors pourquoi l'utilisateur d'avoir à défiler pour qu'il soit collant? Il suffit de le régler à position:fixed; pour commencer: jsfiddle.net/purmou/ZQwhL/1/embedded/result,html,css

OriginalL'auteur oliverbj | 2011-11-21