Funzione per scorrimento elemento

[activ]

ciao a tutti,
a solo scopo didattico volevo creare una funzione per far scorrrere 'dolcemente' un elemento da una posizione all'altra... a tal proposito ho creato una semplicissima funzione:

function sposta(){
  for( var i=1; i<600; i++){
    document.getElementById("elem").style.top = i;
  }
}

e all'elemento ho dato come stile osition:absolute; top:20px; left:400px; border:#333333 solid 1px; width:200px; height:200px;

così facendo però l'elemento salta di 600 px, come posso ottenere un spostamento a scorrimento?

grazie anticipatamente