Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

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/
0
Puntos
0
Resp
980
Visitas
Por alber hace 28 meses
Administrador online

Relaccionados

Para comentar Inicia sesión o Registrate