Bagaimana untuk Memastikan Tatal Automatik ke Penghujung Div Setelah Memasukkan Data?

Memastikan Penatalan Automatik ke Penghujung Div Semasa Memasukkan Data

Untuk mencipta div yang menatal secara automatik ke penghujung apabila data baharu ditambah, kita boleh menggunakan JavaScript. Ini amat relevan apabila memaparkan data dalam div boleh tatal menegak, memastikan kandungan yang baru ditambah kelihatan tanpa perlu menatal manual.

Penyelesaian:

Jika tepat masa pemasukan data tidak diketahui, selang tetap boleh ditetapkan untuk terus melaraskan sifat scrollTop elemen div agar sepadan dengan scrollHeightnya. Ini memastikan bahawa div secara automatik menatal ke penghujung apabila data baharu ditambahkan.

Coretan kod JavaScript berikut menunjukkan pendekatan ini:

// Set an interval to update the scrollTop every 5 seconds
window.setInterval(function() {
  var elem = document.getElementById('data');
  elem.scrollTop = elem.scrollHeight;
}, 5000);

Sebagai alternatif, jika masa pemasukan data diketahui , fungsi JavaScript boleh dipanggil secara eksplisit setiap kali data baharu ditambahkan, memastikan penatalan segera ke penghujung.

Atas ialah kandungan terperinci Bagaimana untuk Memastikan Tatal Automatik ke Penghujung Div Setelah Memasukkan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!