Question:
Date: 16-02-2021 17:07:14
(In Spanish)
Código CSS donde realizo el Scroll:
[url=https://ibb.co/SN41qLz][/url]
Si necesitan mas información solo háganmelo saber Votes: 0 - Answers: 2 - Views: 3 Share on: Google Facebook Twitter LinkedIn Link
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 conversationCó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 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