Bagaimana untuk Memastikan DIV Sembang Ditatal ke Bawah dengan Ajax?

Menatal ke Bawah DIV

Apabila mencipta aplikasi sembang dengan permintaan Ajax, mengekalkan paparan mesej yang berterusan di bahagian bawah sembang boleh menjadi keperluan biasa. Untuk mencapai matlamat ini, terdapat dua aspek penting yang perlu dipertimbangkan:

Tatal Awal ke Bawah

Secara lalai, untuk memastikan mesej terbaharu kelihatan, adalah perlu untuk tatal DIV ke bawah secara automatik apabila memuatkan halaman. Ini boleh dicapai dengan kod JavaScript berikut:

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

Auto tatal selepas Permintaan Ajax

Selepas menerima respons Ajax yang mengandungi mesej baharu, adalah penting untuk menyimpan kedudukan tatal di bahagian bawah untuk mengekalkan kesinambungan. Untuk melakukan ini, hanya tambahkan mesej baharu pada DIV dan laksanakan kod yang sama seperti di atas:

// Append new messages to the DIV

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

Pendekatan ini memastikan tetingkap sembang kekal ditatal ke bawah, menyediakan sembang yang lancar dan mesra pengguna pengalaman.

Atas ialah kandungan terperinci Bagaimana untuk Memastikan DIV Sembang Ditatal ke Bawah dengan Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!