Задача программной прокрутки вниз может быть актуальна, например, при разработке чата. Блок сообщений всегда должен быть внизу, а последние сообщения всегда должны быть видны. Очень короткое решение — в этой статье.
Пример для нативного Javascript:
1 |
element.scrollTop = element.scrollHeight |
Пример для jQuery использует scrollTop:
1 2 |
var targetDiv = $("#some-div"); targetDiv.scrollTop( targetDiv.prop('scrollHeight') ); |
Оба эти примера позволят Вам программно прокрутить содержимое блока вниз.
Если что-то не выходит — пишите в комментарии.
Удачи!