How to scroll X while scrolling Y in ReactJS and Framer motion

Question

How to scroll x on a div while the user keeps scrolling on the Y axis.

I want to recreate the "Our Work" section on https://nifty-template.webflow.io/ using ReactJS and Framer Motion.

ParthianShotgun · Accepted Answer · 2022-09-12 18:10:36Z

0

It seems as if the site is still 'scrolling' down on the Y axis, and that that value is simply just transposed to a fake 'X' axis meter and animation that syncs up to it.

The page is not actually moving scroll X as such, so you'd need to do something similar. The accessibility implications of this might not be good however.

answered Sep 12, 2022 at 18:10

ParthianShotgun

6127 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to scroll X while scrolling Y in ReactJS and Framer motion

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related