New question

Question:

Date: 16-02-2021 17:07:14 (In Spanish)

Como posicionarte al final del scroll cuando abres el chat[Resolved]

Estoy desarrollando un Chat sencillo con PHP y Jquery, pero solo llevo la maqueta. Lo único que quiero saber es como le hago para posicionarme justo en la parte final del scroll cuando visito la pagina conversation


Código CSS donde realizo el Scroll:
/* Chat scroll */
.chat-sala {
  height: 13rem;
  overflow: auto;
}



[url=https://ibb.co/SN41qLz][/url]

Si necesitan mas información solo háganmelo saber
Tags: CSS3 Votes: 0 - Answers: 2 - Views: 3 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 17-02-2021 18:15:37 Hola Braylin Payano

    Te dejo un ejemplo que he encontrado en Internet, el cual deberás adaptarlo a tus propósitos.
    En este caso se hace referencia a un Id en vez de una class.


    <style>
    /* Chat scroll */
    #chat-sala {
      height: 13rem;
      overflow: auto;
    }
    </style>
    
    
    <div id ="chat-sala">
    Bla <br>
    Bla<br>
    Bla<br>
    Bla <br>
    Bla<br>
    Bla<br>
    Bla <br>
    Bla<br>
    Bla<br>
    Bla <br>
    Bla<br>
    Bla<br>
    Bla <br>
    Bla<br>
    Bla<br>Bla <br>
    Bla<br>
    Bla<br>
    <div>
    <script>
    function scrollToBottom (id) {
       var div = document.getElementById(id);
       div.scrollTop = div.scrollHeight - div.clientHeight;
    }
    scrollToBottom("chat-sala");
    
    </script>
    


    Código completo de ejemplos que se puede ejecutar Aquí También hace uso de JQuery.

    Espero que te sea útil

    Saludos
      Votes: 2 - Link answer
     
  • Date: 18-02-2021 08:38:51 Muchas gracias Walter por darle solución a mi pregunta. Muchas gracias   Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In