Normalmente estoy muy acostumbrado a trabajar en jQuery con el efecto scrollTop(), calculando el offset() de la ventana. Un efecto sencillo y fácil de usar.
Usando este efecto, hago que un div se desplace cuando el scrollTop llega a un punto determinado de la página. En un principio es el efecto deseado, pero siempre que se pueda mejorar, yo voy a por ello
Para explicar lo que quiero, pondré un ejemplo:
Cuando la página llega a los 300px desde arriba (scrollTop), tengo un div que se mueve 100px a la izquierda. Lo que quiero es que a medida que la página va desplazandose (entre los 300px), el div vaya moviendose. Cuando la página llega a los 300px de alto, el div ya a llegado a los 100 y de ahí no se mueve más. Osea, desplazamiento del div relativo al de la página.
Como no, pongo un código de ejemplo:
Código PHP:
$(window).scroll(function(){
var positionBody = $(window).scrollTop();
if(positionBody <= 300) {
$("div").animate({
marginLeft:"100px"
},1000);
}
});
Para una idea más clara, pongo una página de ejemplo, en la que todo el contenido va moviendose según va desplazandose la página.
[URL="http://piccsy.com/everything-design/"]http://piccsy.com/everything-design/[/URL]
Si alguien tiene una idea de como hacerlo, agradeceria que me ayudara, y que me lo explicaran también. Este es un efecto que me interesa mucho conocer, para así poder trastear con él más adelante, por ahora solo necesito un efecto sencillo para un menú :)
¡Gracias de antemano! :D