Salve, è da poco che sto cercando di acquisire la libreia jquery e mi sono imbattuto in questo problema, ho un box padre con overflow hidden ed un box figlio con position absolute per cercare di farlo scorrere in alto dentro al box padre:
codice:
<div id="padre" style="posizion:relative;overfloe:hidden;">
<div id="figlio" style="position:absolute">
...
</div>
</div>
ora ho scritto questo script non tutto in jquery perchè devo ficcarmelo bene in testa tutti i passaggi quindi lo mischiato con un po di javascript:
codice:
<script type="text/javascript">
<!--
$(document).ready(function(){
var el=document.getElementById("contentvetrina"); //mi prendo l'elemento
/*inserisco in una varibbile la lunghezza massima del box figlio, essendo interativo prendo da un database quanti lelemnti sono stati estratti e lo moltiplico per una lunghezza prestabilita che sarebbe in questo caso 510 */
var SottVtr=parseInt(0 - (510 * 1));
/* pra creo un ciclo con setTimeout di ogni 5 secondi facendo scorrere verlo l'alto il box figlio */
setTimeout($('#contentvetrina').animate({marginTop:'-=510'},1000, function()
{
if(el.offsetTop==SottVtr) el.style.top=0+"px";
alert(el.offsetTop);
}),5000);
});
//-->
</script>
nella funzione interna verifico se il top del box figlio sia uguale alla variabile SottVtr se positivo alora faccio ritornare il top del box figlio a 0 px.
Il problema e che fa l prima animazione ma poi non fa + nulla.
Questo naturalmente lo sto facendo io ma non so se va bene così scritto.