Получение постоянной высоты элемента

Question

Я пытаюсь сделать автопрокрутку для моего div.Всякий раз, когда я проверяю высоту этого div, он дает мне «200px», как в CSS.Я думаю, что это как-то из-за стилей CSS. Как это исправить ?

Идея всего этого состоит в том, что пользователи могут отправлять сообщения в чат, тогда они появятся в этом поле.Мне нужно автоматически прокрутить это поле до дна ...

Answer 1

$('div').prop('scrollHeight');

до jQuery 1.6, prop должно быть attr.

или просто нажать на свойство HTML:

$('div')[0].scrollHeight;

Answer 2

Почему бы не использовать JQuery и либо использовать плагин ScrollTo для прокрутки контента с помощью анимации, либо использовать ScrollTop и просто установить прокрутку на высоту прокрутки, например, так:

.

$ ( "ДИВ") ScrollTop ($ ( "ДИВ") ScrollTop ().);

Answer 3

Вам, вероятно, даже не нужно узнавать высоту div.Исходя из ваших целей, вы можете просто прокрутить его до макс.Попробуйте что-то подобное, внутри той же функции, которая добавляет новые элементы в ваш div:

<script>
$('#screameria form').submit(function() {
    var screams = $('#screameria .screams');
    screams.append(
        '<div>'
        + new Date()
        + ': '
        + $(this.scream).val()
        + '</div>'
    );
    screams.scrollTop(999999999);
    return false;
});
</script>

Вот jsFiddle с ним