[HTML+JS] Cuộn xuống cuối khung chat sau khi gửi tin nhắn



  • Chào các bác!
    Em mới đọc xong một tài liệu về meteor và code một web chat nhóm để ôn lại kiến thức.
    Hiện tại em đang vướng một vấn đề là không làm cách nào để khung chat tự động cuộn xuống dưới cùng khung chat sau khi mình gửi tin nhắn mới được!
    Như trong hình, sau khi em gửi tin nhắn mới thì vị trí thanh cuộn nó vẫn nằm trên đầu đấy ạ.
    Ví dụ như: https://chat.zalo.me/ hoặc https://www.messenger.com/ nó làm đấy ạ
    Bác nào có kinh nghiệm hoặc ý tưởng nào thì em mong được chỉ giáo ạ!
    Em xin cảm ơn trước

    0_1493096313825_upload-7ae9479c-2646-4be2-9783-c0989d6070e2



  • Có thể dùng Jquery scrollTop, bạn tham khảo xem:
    .html: <div class="tab-content"></div>
    .js: $('.tab-content').scrollTop($('.tab-content')[0].scrollHeight);



  • @joseph Cảm ơn bác. Đã ok ạ :D


Log in to reply