Como se llama este methodo...???

Jannett · #1 (**permalink**) 01/04/2011, 03:45

Hola a todos, estoy buscando el nombre de esta funcionalida que veran en este link

http://www.kingtray.com[URL="http://www.kingtray.com"]http://www.kingtray.com[/URL]

donde un cuadro se mueve cuando el usuario utiliza el scrool hacia abajo o arriba.....

estoy buscando el nombre y el codigo... spero que alguien me pueda ayudar...
muchas gracias de antemano!!!
:)

Dany_s · #2 (**permalink**) 01/04/2011, 07:13

es sencillo, cada vez que se mueva el scroll obtenes la posición y moves el div a esa posición

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script>
 
        $(function(){
 
            posInicial = parseInt($('#bloque').css('top'));
            $(window).scroll(function() {
                top = $(this).scrollTop();
                 $('#bloque').stop().animate({top: (posInicial < top)?top:posInicial  + 'px'}, 500);
            });
 
        });
 
        </script>
        <style>
            body{height:1500px}
            #bloque{background:red; position:absolute; top:100px; height:100px}
        </style>
    </head>
    <body>
        <div id="bloque">algo</div>
    </body>
</html>