Pasar de position absolute a fixed

[ipraetoriux]

...mira aca te dejo un link

http://jsfiddle.net/2C6fB/8/
http://jqueryfordesigners.com/fixed-floating-elements/

lo que tienes que hacer es con Javascript detectar el scroll desde top que se ha hecho y segun el scroll efectuado cambiar los atributos css de absolute a fixed

Ejemplo

Código Javascript:

$(window).scroll(function(){
            if($(window).scrollTop() > 563) {
                $('#menu').css('top', '0px');
                $('#menu').css('position', 'fixed');
            }
            else {
                $('#menu').css('position', 'absolute');
                $('#menu').css('top', '563px');
            }
            if($(window).scrollTop() > 620) {
                $('#menu').addClass("algunaclase");
            } else {
                $('#menu').removeClass('algunaclase');
            }
        });