پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف برای دوره پروژه های تخصصی با جاوا اسکریپت برای بازار کار
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

چطور یک دیو (div) رو به انتها اسکرول کنم؟

Scroll to bottom of div

من دارم یه چت با استفاده از درخواست‌های Ajax درست می‌کنم و می‌خوام div پیام‌ها به‌طور خودکار به انتها اسکرول بشه.

چطوری می‌تونم این کار رو با جاوااسکریپت انجام بدم که همیشه بعد از هر درخواست Ajax به انتها اسکرول کنه؟

1403/06/03
پاسخ
محمدامین سعیدی راد
بیوگرافی محمدامین سعیدی راد

برای اسکرول کردن یک دیو به انتها، می‌تونی از جاوااسکریپت به شکل زیر استفاده کنی:

const scrollToBottom = (id) => {
const element = document.getElementById(id);
element.scrollTop = element.scrollHeight;
};

این کد، با استفاده از شناسه (id) عنصر، اون رو به انتها اسکرول می‌کنه. اگر بخوای اسکرول به صورت نرم و روان انجام بشه، می‌تونی از jQuery به این شکل استفاده کنی:

const scrollSmoothlyToBottom = (id) => {
const element = $(`#${id}`);
element.animate({
scrollTop: element.prop("scrollHeight")
}, 500);
};

تو این روش، از animate استفاده می‌شه تا اسکرول به صورت نرم انجام بشه. این کدها می‌تونن توی چت‌ها یا هر جای دیگه‌ای که می‌خوای کاربر به انتهای محتوای div هدایت بشه، استفاده بشن.

موفق باشی

پاسخ: 1403/06/03
آخرین آپدیت: 1403/07/29