АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsSpMWPS 28 of 294 menu
Бесплатная Тренировка Верстки. Приглашаются желающие поверстать!

Метод для прокрутки окна в положение в JavaScript

Метод scrollTo прокручивает окно в заданное положение. Первым параметром он принимает положение по горизонтали, а вторым - по вертикали. Давайте прокрутим окно к заданному положению:

window.scrollTo(100, 200);

Метод имеет альтернативный синтаксис, в котором параметром передается объект. В ключе top этого объекта указывается положение по вертикали, в ключе left - положение по горизонтали, а в ключе behavior - тип прокрутки. Тип может быть 'auto' или 'smooth'. Во втором случае прокрутка будет плавной:

element.scrollTo({ top: 100, left: 100, behavior: 'smooth' });

По нажатию на кнопку прокрутите окно в позицию 300px сверху.

По нажатию на кнопку плавно прокрутите окно до самого верха.

По нажатию на кнопку плавно прокрутите окно до самого низа.

enru