Метод для прокрутки окна в положение в JavaScript
Метод scrollTo
прокручивает окно в заданное положение.
Первым параметром он принимает положение
по горизонтали, а вторым - по вертикали.
Давайте прокрутим окно к заданному
положению:
window.scrollTo(100, 200);
Метод имеет альтернативный синтаксис,
в котором параметром передается объект.
В ключе top
этого объекта
указывается положение по вертикали,
в ключе left
- положение
по горизонтали, а в ключе behavior
-
тип прокрутки. Тип может быть 'auto'
или 'smooth'
. Во втором случае
прокрутка будет плавной:
element.scrollTo({
top: 100,
left: 100,
behavior: 'smooth'
});
По нажатию на кнопку прокрутите
окно в позицию 300px
сверху.
По нажатию на кнопку плавно прокрутите окно до самого верха.
По нажатию на кнопку плавно прокрутите окно до самого низа.