Как скроллить вниз на чистом javascript?

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

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

Как скроллить вниз на чистом javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от aaron_armstrong , 8 месяцев назад

@lamar 

Для скроллинга вниз на JavaScript можно использовать метод scrollBy() на объекте window. Метод scrollBy() принимает два параметра: количество пикселей, на которое нужно проскроллить, и направление (горизонтальное или вертикальное).


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

1
window.scrollBy(0, 100);


Если вам нужно прокрутить более плавно, вы можете использовать метод scrollTo() как альтернативу. Он также принимает два параметра: позицию по горизонтали и позицию по вертикали.


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

1
window.scrollTo(0, window.pageYOffset + 300);


Узнать текущую позицию прокрутки страницы можно с помощью свойства pageYOffset объекта window.


Также можно использовать scrollIntoView() для прокрутки к определенному элементу на странице. Например:

1
element.scrollIntoView({ behavior: 'smooth' });


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