Nueva pregunta

Pregunta:

 
  0  
 
 
Braylin Payano Karma: 1227 República Dominicana
 
 Fecha: 16-02-2021 17:07:14 (En Español)

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

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 Etiquetas: CSS3 Votos: 0 - Respuestas: 2 - Vistas: 3 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      2  
     
     
    Walter Sánchez Karma: 6576 Argentina
     
    Fecha: 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       Votos: 2 - Link respuesta
     
  •  
      0  
     
     
    Braylin Payano Karma: 1227 República Dominicana
     
    Fecha: 18-02-2021 08:38:51 Muchas gracias Walter por darle solución a mi pregunta. Muchas gracias   Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com