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

Рейтинг: 4Ответов: 1Опубликовано: 28.06.2011

Есть div с overflow: scroll. Как можно анимированно прокрутить содержимое вниз с помощью JavaScript или jQuery?

Ответы

▲ 10Принят

JavaScript, простая прокрутка:

element.scrollTop = element.scrollHeight

Для jQuery - ScrollTop. А именно

var div = $("#mydiv");
div.scrollTop(div.prop('scrollHeight'));

Идея такая же как и в чистом javascript'e - устанавливаем максимально возможное (точнее логически оправданное, так как можно поставить просто 10000) значение прокрутки.

Здесь есть красивые демки.