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.
3 comentarios
Inicia sesión para comentar
Comentarios:
-
John Davis hace 5 meses
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 1 año
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 1 año
Hola Toby, gracias por el aporte.
-
-
Jose Perez hace 2 años
En que video enseñas lo del stack en js ?
-
Victor Arana Flores hace 2 años
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.
-