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 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
0
Puntos
0
Resp
638
Visitas
Por alber hace 21 meses
Administrador offline

Relaccionados

Para comentar Inicia sesión o Registrate