Как сделать смещение скролла при клике на кнопку?

Question

[sabmuri]

Здравствуйте уважаемые коллеги! :)
Буду очень благодарен.
Подскажите пожалуйста как сделать такое:

Как сделать смещение скролла при клике на кнопку? Только так, чтобы скролл двигался на НЕСКОЛЬКО ПИКСЕЛЕЙ например вниз. А потом при повторном нажатии на кнопку, с положения на которое он встал, опять двигался на несколько пикселей вниз.

Например у меня скролл находится где-то на середине полосы, и чтобы я нажимал на кнопку, и скролл двигался от своего положения, в данном случае с середины полосы, на несколько пикселей вниз. При следующем нажатии на кнопку опять двигался на несколько пикселей вниз.

Только, если не сложно, подскажите пожалуйста как сделать такое передвижение вверх, влево и вправо.

Answer 1

[Александр]

scrollBy: https://learn.javascript.ru/size-and-scroll-window...

Comments

[sabmuri]

Спасибо большое, сайт полезный, но у меня вопрос. Есть свойства scrollTop, которое применяется для скроллинга внутри каких-то элементов, есть scrollBy - для всей страницы.
Но scrollBy дёргает скролл только до самого верха. Можно как-нибудь чтобы scrollTop также на несколько пикселей двигало скролл?

Или как можно применять scrollBy к какому-то элементу, а не ко всей странице?
Помогите пожалуйста.

[Александр]

sabmuri, scrollBy применяется не только для скролла всей страницы, но и для любых элементов с прокруткой. И дёргает он не до самого верха, а на сколько укажете в плоскостях x,y;

Вот готовая реализация того, что вам нужно:

https://codepen.io/alexandr-chesnyj/pen/rNBLzYj

[sabmuri]

Александр, Спасибо Вам большое! Удачи в работе:)

[Александр]

sabmuri, пожалуйста, и вам удачи)