Adquiere este curso para tener acceso a todas las lecciones
Comprar curso31. Mover scroll al final
En este capítulo se explicará cómo mover automáticamente el scroll de la sala de chat al final cada vez que se envíe o se reciba un nuevo mensaje.
5 comentarios
Inicia sesión para comentar
Comentarios:
-
John Davis hace 1 mes
en mi caso me dio muchos problemas el mover el scroll hacia el pie del chat me imagino que por versiones de livewire y compatibilidad
en la vista lo resolvi asi:
Livewire.on('scrollIntoView', function () {
//console.log("Evento 'scrollIntoView' recibido.");
setTimeout(() => {
var finalElement = document.getElementById('final');
if (finalElement) {
//console.log("Elemento encontrado, desplazándose.");
finalElement.scrollIntoView({ behavior: 'smooth', block: 'end' });
} else {
//console.error("Elemento con id 'final' no encontrado en el DOM.");
}
}, 5); // Retraso de 200 milisegundos
});
y en mi controller cambie el emit por dispatch
$this->dispatch('scrollIntoView'); -
Toby hace 8 meses
Para los que tengan la version 3 de Livewire,
$this->emit() fue reemplazado por
$this->dispatch();
Excelente curso Victor ,un saludo !
-
Victor Arana Flores hace 8 meses
Hola Toby, gracias por el aporte.
-
-
Jose Perez hace 1 año
En que video enseñas lo del stack en js ?
-
Victor Arana Flores hace 1 año
Hola Jose, la directiva stack de blade, y es un concepto básico de Laravel.
Te comparto la documentación por si es que quieres leerlo.
-
-
Pablo Luis Coz Ramos hace 2 años
Hola Victor, esta lección N° 31 no se puede reproducir. Gracias de antemano
-
Victor Arana Flores hace 2 años
Gracias por avisar. Lo reviso
-
-
Kike hace 2 años
Excelente curso Victor. Comentarte que en la lección "31. Mover scroll al final" no se puede reproducir el vídeo. Si pudieras revisarlo, muchas gracias.
-
Victor Arana Flores hace 2 años
Gracias por avisar. Lo reviso
-