Как прокрутить div вниз с помощью JavaScript и jQuery?
Есть div
с overflow: scroll
. Как можно анимированно прокрутить содержимое вниз с помощью JavaScript или jQuery?
Источник: Stack Overflow на русском
Есть div
с overflow: scroll
. Как можно анимированно прокрутить содержимое вниз с помощью JavaScript или jQuery?
JavaScript, простая прокрутка:
element.scrollTop = element.scrollHeight
Для jQuery - ScrollTop. А именно
var div = $("#mydiv");
div.scrollTop(div.prop('scrollHeight'));
Идея такая же как и в чистом javascript'e - устанавливаем максимально возможное (точнее логически оправданное, так как можно поставить просто 10000) значение прокрутки.
Здесь есть красивые демки.