ВНИМАНИЕ: Запись на курсы по HTML, CSS, JavaScript, PHP, Python, React, Vue, Laravel и другим фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jsSpMESCh 20 of 294 menu
Бесплатный курс по выкладке сайтов на хостинг. Разбираем все нюансы! Начало 14 октября. Жми для записи!

Изменение прокрутки элемента в JavaScript

Свойства, содержащие прокрутку элементов, можно изменять. В этом случае элемент будет прокручиваться к указанному значению. Давайте например прокрутим элемент на позицию 200px сверху:

elem.scrollTop = 200;

А теперь прокрутим элемент на 100px вниз от текущего значения:

elem.scrollTop = elem.scrollTop + 100;

А теперь прокрутим элемент в конец:

elem.scrollTop = elem.scrollHeight - elem.clientHeight;

Дан элемент и кнопка. По нажатию на кнопку прокрутите элемент на положение прокрутки 100px по вертикали и 50px по горизонтали.

Дан элемент и кнопка. По нажатию на кнопку прокрутите элемент на 50px вниз от текущего положения прокрутки.

Дан элемент и кнопка. По нажатию на кнопку прокрутите элемент в самый верх.

Дан элемент и кнопка. По нажатию на кнопку прокрутите элемент в самый низ.

byenru