This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Ed Lea
Posted Jul 13 - Read on Facebook

I have a scroll component within a scroll component. The parent ScollComponent scrolls vertically. The nested ScrollComponent scrolls horizontally.

When scrolling horizontally (on the child scroll) it's also triggering the vertical scroll. What I'd like to do is to lock the other scroll components that you are not interacting with.

Wondered if anyone has some tricks up their sleeve for doing this. Ideally something I can specify on the parent ScollComponent as it could contain any number of child ScollComponents.

3 Comments

Jonas Treub

directionLock is a property you can set either true or false

Jonas Treub

You need to set it on for both scroll components. In combination with the scrollVertical and scrollHorizontal properties. Take a look at the following example for more info http://framerjs.com/examples/preview/#medium-app.framer

Ed Lea

Read the entire post on Facebook