Scroll vertical, menú y migas de pan
3 seguidores
Hola! he llegado a esta web http://www.agencynet.com/ y he visto algunas funcionalidades que no se me ocurre cómo se hacen.
1/ El scroll vertical no hay problema.
2/ El menú aparece centrado y, cuando se desplaza la web, el menú se ajusta a la parte superior ¿alguien tiene idea?
3/ Cuando seleccionas en el menú Clients la ventana se despliega hacia arriba pero, si el menú está arriba, la ventana se despliega hacia abajo ¿cómo funciona ese comportamiento?
4/ último :) "las migas de pan de color verde" ¿cómo se puede hacer? El punto verde se va moviendo al tiempo que la página y se para al llegar al cliente ¿?
Saludos!!!
Víctor Sánchez
Hola, he estado buscando y, de momento, tengo esto:
http://www.backslash.gr/demos/jquery-sticky-navigation/
Saludos!
Cloudstudio
Hola Víctor pues te voy contando :
1/ Lo tienes claro
2/ Esto es sencillo, cuando el Scroll llega a la altura del div , con jquery cambia el position a " position: fixed; ".
3/ Supongo que calculan la altura y dependiendo de esta hace una cosa u otra ( esto es mas chungo )
4/ Esto vi un plugin en jquery que lo hacia, exactamente lo mismo, si lo encuentro te lo paso.
chuchonieto
Date una vuelta por esta web, ahí tienes todo lo que buscas! :)
http://imakewebthings.com/jquery-waypoints/
Todavía la tengo en marcadores por revisar pero creo que si puede dar de sí para hacer todo lo que buscas, no? esconde cosas como esta, que tienen unas posibilidades enormes!
chuchonieto
Se me olvidaba! Ahí va otro buen enlace en esto de manejar elementos con el scroll:
http://johnpolacek.github.com/scrollorama/
Víctor Sánchez
Gracias!
sigo investigando el punto 4.
Saludos!
Víctor Sánchez
Me estoy acercando al punto 4. Ya he conseguido que el punto se mueva horizontal cuando el scroll se mueve vertical. Me pasan 2 cosas, no se cómo hacer para que empiece en una posición determinada y no se cómo hacer que el punto se quede parado al llegar a un punto, aunque el scroll siga bajando.
La proceso del movimiento empieza aquí:
$(window).scroll(function() {
var scrolltop = $(window).scrollTop();
// animate your green dot according to the scrolltop value here
// e.g. $('.dot').stop().animate({left:(scrolltop/1000.0)*100+'px'});
});
Me gustaría saber cómo poder detener el movimiento del punto aunque el scroll continue.
Saludos!