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

@clifford 

Для прокрутки содержимого div вниз с помощью JavaScript или jQuery можно использовать метод scrollTop(). Например, чтобы прокрутить содержимое div с id "myDiv" вниз на 100 пикселей, можно использовать следующий код:

С помощью JavaScript:

1
2

var myDiv = document.getElementById("myDiv");
myDiv.scrollTop = myDiv.scrollHeight - myDiv.clientHeight;

С помощью jQuery:

1

$("#myDiv").scrollTop($("#myDiv")[0].scrollHeight - $("#myDiv").height());

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

@clifford 

Также можно добавить анимацию для плавного прокручивания следующим образом:

С помощью JavaScript:

var myDiv = document.getElementById("myDiv"); var scrollHeight = myDiv.scrollHeight - myDiv.clientHeight; $(myDiv).animate({scrollTop: scrollHeight}, "slow");

С помощью jQuery:

$("#myDiv").animate({scrollTop: $("#myDiv")[0].scrollHeight - $("#myDiv").height()}, "slow");

Обратите внимание, что в обоих случаях мы добавляем "slow" в качестве параметра анимации для получения плавного эффекта прокрутки. Вы также можете использовать другие значения, такие как "fast" или конкретное время в миллисекундах.