[JS] div che seguono lo scroll della pagina

[matteo11102009]

ciao a tutti.... stavo cercando di realizzare un codice in grado di far spostare un div verticale quando avviene lo scroll della pagina... Per farvi un esempio, il risultato che voglio ottenere è lo stesso di quello di facebook nella barra di destra dove ci sono gli annunci, oppure del sito diretta.it nella barra di destra dove c'è la pubblicità.. Ho provato a creare il seguente codice ma non ha funzionato; sapreste aiutarmi:

<script type="text/javascript">
var SB;
function ScrollBanOK()
{
document.getElementById("box_content").style.top = document.body.scrollTop;
SB = window.setTimeout("ScrollBanOK()", 1);
}
function ScrollBanNO()
{
window.clearTimeout(SB);
}
</script>

Il richiamo alla funzione l'ho inserito del tag body..
Grazie in anticipo...

[OoZic]

Ti posto uno snippet che uso di solito, sono qualche riga in più del normale ma è completo e ti evita problemi:

http://jsfiddle.net/dUaet/

ti serve jQuery come libreria

[Deep thought]

Se vuoi rendere fisso il box (cioè impedire che scrollando la pagina se ne vada in alto) puoi impostare la proprietà CSS {position: fixed} per quel box.

[OoZic]

Se vuoi rendere fisso il box (cioè impedire che scrollando la pagina se ne vada in alto) puoi impostare la proprietà CSS {position: fixed} per quel box.

il principio è quello, però lui voleva farlo diventare fixed dopo un certo scroll della pagina (come quello di diretta.it)
in questo caso è necessario utilizzare javascript, il semplice css non basta purtroppo.