HTML otomatik Scroll Bar'ı aşağı çekme

00PARZIVAL00 · 20 Ekim 2022

Merhaba, bir chat yaptım, her şey bitti gibi, tek bu şey kaldı, chate bir şeyler yazınca biyerden sonra bir scroll bar çıkıyor, ama chate gelen yeni mesajları görmek için kendimiz scroll Bar'ı aşağı çekmemiz lazım, bunu otomatik olarak nasıl aşağı kaydıracağımı bulamadım, bir şeyler denedim ama işe yaramadı.

Evilmonster · 20 Ekim 2022

scrollTo fonksiyonu işinize yarayabilir. İlk parametresi x, diğer parametresi de y scroll bar değeri.

window.scrollTo(0,document.body.scrollHeight);

GremoryRias · 20 Ekim 2022

Bir JavaScript kodu buldum işinize yarayabilir.

JavaScript:

const messages = document.getElementById('messages');

function appendMessage() {
 const message = document.getElementsByClassName('message')[0];
 const newMessage = message.cloneNode(true);
 messages.appendChild(newMessage);
}

function getMessages() {
 // Prior to getting your messages.
 shouldScroll = messages.scrollTop + messages.clientHeight === messages.scrollHeight;
 /*
 * Get your messages, we'll just simulate it by appending a new one syncronously.
 */
 appendMessage();
 // After getting your messages.
 if (!shouldScroll) {
 scrollToBottom();
 }
}

function scrollToBottom() {
 messages.scrollTop = messages.scrollHeight;
}

scrollToBottom();

setInterval(getMessages, 100);

HTML otomatik Scroll Bar'ı aşağı çekme

Ayrıntılı düzenleme

00PARZIVAL00

Picopat

Evilmonster

Kilopat

GremoryRias

Hectopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz