Как прокрутить div вниз с помощью JavaScript и jQuery?


Задача программной прокрутки вниз может быть актуальна, например, при разработке чата. Блок сообщений всегда должен быть внизу, а последние сообщения всегда должны быть видны. Очень короткое решение — в этой статье.

Пример для нативного Javascript:

element.scrollTop = element.scrollHeight

Пример для jQuery использует scrollTop:

var targetDiv = $("#some-div");
targetDiv.scrollTop( targetDiv.prop('scrollHeight') );

Оба эти примера позволят Вам программно прокрутить содержимое блока вниз.

Если что-то не выходит — пишите в комментарии.
Удачи!

, , ,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *