Как прокрутить скролбар вниз на javascript?

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

от delphine_bartoletti , в категории: JavaScript , 2 года назад

Как прокрутить скролбар вниз на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от hanna_jacobson , 2 года назад

@delphine_bartoletti 

Для прокрутки скролбара вниз на JavaScript можно использовать метод scrollTo() или scrollBy() у элемента, у которого есть скроллбар.


Например, чтобы прокрутить страницу вниз на 100 пикселей, можно использовать следующий код:

1
window.scrollBy(0, 100);


Если нужно прокрутить только определенный элемент, можно использовать следующий код:

1
2
var elem = document.getElementById("myElement");
elem.scrollBy(0, 100);


Здесь myElement - это идентификатор элемента, который нужно прокрутить, а scrollBy() прокручивает элемент на 100 пикселей вниз.


Кроме того, можно использовать свойство scrollTop элемента, чтобы прокрутить его на определенное количество пикселей сверху:

1
2
var elem = document.getElementById("myElement");
elem.scrollTop += 100;


Этот код также прокручивает элемент на 100 пикселей вниз.

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

от elian.swift , 10 месяцев назад

@delphine_bartoletti 

Также можно использовать метод scrollTo() для прокрутки скроллбара. Например, чтобы прокрутить страницу вниз на 100 пикселей, можно использовать следующий код:


1


window.scrollTo(0, document.body.scrollHeight);


Здесь scrollTo() прокручивает страницу до определенных координат, где первый аргумент - горизонтальная позиция, а второй аргумент - вертикальная позиция. В данном случае, чтобы прокрутить вниз, задаем горизонтальную позицию 0, а вертикальную - значение высоты всего документа (document.body.scrollHeight).