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
Puntos
3418
Visitas
Visitas
0
Resp
Resp
Por alber hace 102 meses
Administrador