[SOLUCIONADO] Pasar de position absolute a fixed

[zapiram]

Buenas tardes a tod@s

Mi duda es que no sé cómo hacer que un elemento cuya propiedad position en principio es absolute, pase esta propiedad a fixed cuando alcanza el límite superior de la ventana del navegador.

Para ilustrar mi pregunta os dejo este link:

http://www.routalempi.fi/

En él se puede ver como el menú principal se comporta de la manera que os digo.

No sé si será suficiente con una explicación directa o un trozo de código porque a lo mejor es más complicado que eso, pero si es así y me indicárais algún tutorial donde puediera aprender a hacerlo, sería genial.

Muchísimas gracias por adelantado!

[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');
            }
        });
 

[zapiram]

Alucinante ipraetoriux, un millón de gracias!!!!!!!!

He creado el documento js con el código que me diste y funciona a la perfección.
De todas formas miraré con más atención los enlaces que me has pasado para comprenderlo mejor.

Una vez más, muchísimas gracias