Menu che si blocca allo scroll

[Joisberg]

Salve a tutti,
premetto che non ne capisco molto di javascript comunque io ho un menu e vorrei che quando arriva sopra (dopo aver "scrollato" la pagina) si blocca e "acquisti" una position:fixed;

vi spiego meglio

ho un menù cosi



e vorrei che quando arriva ad un livello simile cioè quando arriva in fondo alla pagina



si blocca e diventa una posizione fissa.

codice HTML

<div id='cssmenu'>
<ul>   
<li class='active'><a href='index.html'><span>Home</span></a></li>
 <li><a href='#'><span>Studenti</span></a></li>
 <li><a href='#'><span>Orario</span></a></li>
 <li><a href='#'><span>Bacheca</span></a></li>
 <li><a href='#'><span>Giornalino</span></a></li>
 <li><a href='#'><span>Contattacci</span></a></li> 
 <li><a href='#'><span>Staff</span></a></li> 
  </ul>
</div>

Chiedo a voi come posso fare. Grazie in anticipo