Я создаю сайт мессенджера и хочу, чтобы чат автоматически прокручивался до нижней части канала чата (последнее сообщение) при обновлении страницы.Я очень новичок в jQuery и после небольшого поиска заставил его работать, используя animate()
.Это замечательно, когда страница загружается слишком громко при перезагрузке после отправки формы, например.
Есть ли способ автоматической прокрутки до дна контейнера без его анимации?
// When page loads
$(document).ready(function(){
// Load chat. ALSO the chat has to be hard coded in here.
$('#MessagesContainer').load('/php/chat_ref.php');
// Scroll to the bottom of the page. ALSO ".height()+500" was a bit of a bodge.
$("#MessagesContainer").animate({ scrollTop:$('#MessagesContainer').height()+500}, 100);
return false;
});
// Every 2 seconds.
var auto_refresh = setInterval(function(){
// Reload the chat.
$('#MessagesContainer').load('/php/chat_ref.php');
return false;
}, 2000);