Foros Programación Cliente

Animación javascript a lo largo de un trazado, al hacer scroll

1 1 Respuesta Miércoles 25 de enero, 2012
Buenas,

necesito hacer que un <div> se mueva a lo largo de un trazado cuando el usuario hace scroll.

Por ejemplo:


Sí, ya sé, ese trazado da pena, pero es sólo de ejemplo :)

Alguien sabe por dónde empezar a mirar o si hay algún plugin/lo-que-sea?
Registrado desde 02/06/05
Número de posts: 23
  • Avatar de juanmanieves juanmanieves Registrado desde 12/01/10 / Número de posts: 2
    $('#target').scroll(function() {
    var currentScrollPos = $('#target').scrollTop();
    var DivMoveY= 0;
    if(currentScrollPos > 0 && currentScrollPos < 100)
    {
    DivMoveY = 70;
    }
    else if(currentScrollPos > 100 && currentScrollPos < 150)
    {
    DivMoveY=100;
    }

    //Despues a modificar via $("#divamover").css("top",DivMoveY") etc... y ya lo mueves respecto a la posicion del scroll via posiciones absolutas...
    });
    Consultor web autónomo
    Publicado hace 4 meses