Ejecutar función al subir scroll con javascript

Pequeño ejemplo de como ejecutar una función al detectar que se a subido el scroll hacia arriba, en este caso se ejecuta cuando el scroll esta arriba del todo es decir en la posición 0 y usamos jquery ya que simplifica las acciones de javascript:

  //Ejecutar función al subir
  $('.mensajes').scroll(function() {
    if ($(this).scrollTop()==0){
      //Ejecutar función
      alert('Top!!');
    }
  });

El ejemplo completo:

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

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

<div class="mensajes">
  <li>Item1</li>
  <li>Item2</li>
  <li>Item3</li>
  <li>Item4</li>
  <li>Item5</li>
  <li>Item6</li>
  <li>Item7</li>
</div>

<script>
  
  //Bajar scroll al inicio
  $('.mensajes').scrollTop(1000);
  
  //Ejecutar función al subir
  $('.mensajes').scroll(function() {
    if ($(this).scrollTop()==0){
      //Ejecutar función
      alert('Top!!');
    }
  });

</script>

La demo https://jsfiddle.net/67jn41s8/