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.


5 comentarios

Inicia sesión para comentar

Comentarios:

  • John Davis

    John Davis hace 1 semana

    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 7 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 7 meses

      Hola Toby, gracias por el aporte.

  • Jose Perez

    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.

       

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

  • Pablo Luis Coz Ramos

    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

    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