Immagine che scende insieme allo scroll della pagina

[Felino]

Salve utenti,
vorrei chiedervi un aiutino...

Vorrei che un'immagine scenda insieme al contenuto della pagina ma che sia ad un margin-top: 511px e magari che tenga una cerca distanza dal bottom.

Ho questo codice:

        <div id="left">
            [img]logo.jpg[/img]
        </div>

/*SCROLL DEL LOGO*/
    var name = "#left";
    */ALTEZZA INIZIALE*/
    var menuYloc = 311;
    
        $(document).ready(function(){
            //menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
            $(window).scroll(function () {
                offset = menuYloc+$(document).scrollTop()+"px";
                $(name).animate({top:offset},{duration:500,queue:false});
            });
        });

Il CSS:
#left{
float:left;
width:261px;
position:absolute;
}

Però non funziona bene come vorrei..qualche suggerimento o JS alternativo?

Grazie!

[LuigiMem]

l'immagine deve scendere o rimanere fissa ad un margin-top: 511px?

nel senso scrollo in giu è parte una sorta di animazione che la fa scendere?
o scrollo e l'immagine segue lo scroll della pagina?

perche nel secondo caso se usi una positio:fixed dovresti risolvere

ciao

[Felino]

Praticamente l'immagine deve scendere se supero, durante lo scroll, la sua posizione iniziale.

Ho usato questa guida che fa proprio al caso mio:
- lo script tramite si calcola l'offset del div che contiene l'immagine al momento del caricamento;
- mentre scorro la pagina in giù, diminuisce l'offset, se questo è inferiore all'originale, toglie inserisce la classe fixed, altrimenti la rimuove.

Grazie!