Mover scroll al final
Comprar curso

31. 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

    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

    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

    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.

       

      https://laravel.com/docs/9.x/blade#stacks