2014-02-12 4 views
0

У меня есть DIV со свитком-y, и я обновляю контент на этом DIV через $ .get. Я не знаю, как я могу сделать автоматический прокрутка, когда новый контент (на DIV) длиннее старого.Auto scrolldown после обновления Содержимое DIV

CSS

#chat-conversations{ 
    background-color: red; 
    width: 150px; 
    height: 300px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
} 

Вот Code

+2

Что вы уже пробовали? Пожалуйста, поделитесь своим существующим кодом. – BenM

+0

все, что вы пробовали? если есть средства, отправьте строки. –

+0

Это мой код: http://jsfiddle.net/nRg7V/6/ –

ответ

2

Попробуйте установить scrolltop вашего Div на scrollHeight вашего Div в.

var yourDiv = document.getElementById("chat-conversations"); 
yourDiv.scrollTop = yourDiv.scrollHeight; 

Поместите функцию обратного вызова этого внутри $ .get после добавления контента в Div, это будет автопрокрутка дел до нового контента.

Обновление: Sorry bruv. Я оставил опечатку. исправлено сейчас

+0

Этот код не работает ... –

+0

@Ravi имеет опечатку на своем коде (вторая строка), 'your'' 'yourDiv'. –

+0

@ Эдгар Гринсант благодарит за исправление – Ravi

Смежные вопросы