How do I scroll horizontally a specified pixel amount on click?

Ask us anything How do I?
1

The only thing I can get to work is

wwLib.getFrontDocument().getElementById('BigBoi').scrollIntoView({behavior: 'smooth', block: "start" });

but what I need to happen is to scroll a specific pixel amount ex 400px. I have tried all the modifiers I can find and the normal js to scroll a px amount but still cannot get it to work.

Any ideas? Thanks!

2

Hi @Micah :wave:

Have you tried doing it with no code?

Here’s a video on how to setup infinite scrolling that can help you with horizontal scrolling as well (it’ll be the same logic).

And here’s another super short one that explains how to scroll on the Y-axis (the same approach will work for the X-axis)

Does that help?

3

Hey Joyce, I don’t think those help with this specific case.

Here is a video

Basically when I click the left or right buttons, it should scroll the container a fixed amount. I have put the watch scroll position on and can see its value changing when I scroll, I just can figure out how to target it to scroll a fixed amount.

Thanks for the reply!