Foros del Web - Ver Mensaje Individual

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>