Bagaimana untuk Memastikan Div Ditatal ke Bawah dalam Aplikasi Sembang Ajax?

Tatal ke Bawah Div?

Apabila membina aplikasi sembang interaktif menggunakan permintaan Ajax, cabaran biasa ialah memastikan div mesej secara automatik tatal ke bawah apabila mesej baharu tiba. Artikel ini membincangkan dua soalan utama yang berkaitan dengan isu ini:

1. Bagaimana untuk Memastikan Div Ditatal ke Bawah secara Lalai Menggunakan JavaScript?

Untuk memastikan div ditatal ke bawah tanpa bergantung pada tindakan pengguna, gunakan kod JavaScript berikut:

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

Kod ini mentakrifkan pembolehubah objDiv untuk mewakili elemen dengan ID "your_div." Ia kemudian menetapkan sifat scrollTop elemen ini kepada scrollHeightnya. Ini dengan berkesan menggerakkan bar skrol ke kedudukan paling bawah.

2. Bagaimana untuk Memastikan Div Ditatal ke Bawah Selepas Permintaan Ajax?

Untuk mengekalkan kedudukan tatal yang diingini walaupun selepas permintaan Ajax, laksanakan kod JavaScript daripada soalan 1 dalam fungsi panggil balik kejayaan permintaan Ajax. Berikut ialah contoh:

$.ajax({
  url: "messages.php",
  success: function(data) {
    var objDiv = document.getElementById("messages");
    objDiv.scrollTop = objDiv.scrollHeight;
  }
});

Dalam contoh ini, apabila permintaan Ajax untuk "messages.php" berjaya, ia mengemas kini kandungan HTML dalam div "message". Kod JavaScript seterusnya melaraskan kedudukan tatal ke bahagian bawah div.

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