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:
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
Puntos
3927
Visitas
Visitas
0
Resp
Resp
Por alber hace 96 meses
Administrador