Ejecutar función javascript al hacer scroll

Ejemplo de como ejecutar función javascript al hacer scroll, en este ejemplo lo haremos de manera que al llegar al final del scroll en la parte superior se ejecute una función.

Código de ejemplo completo, solo copia y pega para probar:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>


<style>
 .chat-mensajes {
   height: 100px;
    overflow: auto;
    width: 200px;
}
</style>


<div class="chat-mensajes">

<li><span>Mensaje1</span></li>
  <li><span>Mensaje2</span></li>
  <li><span>Mensaje3</span></li>
  <li><span>Mensaje4</span></li>
  <li><span>Mensaje5</span></li>
  <li><span>Mensaje6</span></li>
  <li><span>Mensaje7</span></li>
  <li><span>Mensaje8</span></li>
  <li><span>Mensaje9</span></li>
<li><span>Mensaje10</span></li>  

</div>


<script>

//Ejecutar paginado al llegar al top con el scroll
$('.chat-mensajes').scroll(function(){
    if ($(this).scrollTop() == 0) {  
    alert('Prueba');
    }
});

//Bajar scroll al cargar
setTimeout(function(){
$('.chat-mensajes').scrollTop($('.chat-mensajes')[0].scrollHeight);
},100);

</script>

demo