Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Sumar y restar valores a medida que se va haciendo scroll

Estas en el tema de Sumar y restar valores a medida que se va haciendo scroll en el foro de Frameworks JS en Foros del Web. Hola, a todos, tengo un pequeño duda que me gustaría que me ayudarais a solucionar. Normalmente estoy muy acostumbrado a trabajar en jQuery con el ...
  #1 (permalink)  
Antiguo 23/08/2012, 16:14
Avatar de Adbane  
Fecha de Ingreso: junio-2011
Mensajes: 86
Antigüedad: 13 años, 5 meses
Puntos: 6
Pregunta Sumar y restar valores a medida que se va haciendo scroll

Hola, a todos, tengo un pequeño duda que me gustaría que me ayudarais a solucionar.

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

}); 
¿Se entiende, no? He estado mirando y buscando plugins. He encontrado cosas como Scrollorama, pero es díficil de entender (aunque por ahí van los tiros).
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
__________________
Diseñador web por amor al arte, o al HTML mejor dicho

Etiquetas: haciendo, restar, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:32.