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

Пользователь

от clifford , в категории: JavaScript , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от delphine_bartoletti , 7 месяцев назад

@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 из его общей высоты, чтобы прокрутить содержимое до самого низа.