У меня есть div с этими настройками:
#check_in_history {
position: absolute;
display: block;
top: 70px;
right: 0;
bottom: 20px;
left: 0;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding: 20px 0 0 0;
}
Как правило, высота div зависит от размера окна браузера и изменяется при его изменении.
Этот div содержит сообщения, и когда пользователи заполняют этот список, он становится все длиннее и длиннее.
Я хочу установить его так, чтобы он автоматически прокручивался в конец этого списка каждый раз, когда пользователь добавляет сообщение. У меня есть div с идентификатором внизу этого списка, и я добавляю сообщение .before (), которое div.
Я пробовал эту функцию. Это работает для первой записи поста, но как только вы добавляете вторую, она прокручивает примерно 25% вверх по списку .:
$("#check_in_history").animate({scrollTop: $('#scroll_target').offset().top}, 1000, 'swing');
id: check_in_history - это переполнение: scroll div, а #scroll_target - это div в нижней части этого списка.
Как я могу сделать так, чтобы он всегда прокручивался до этого "целевого" div внизу списка при каждом добавлении нового сообщения?
Спасибо за помощь!