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.
directionLock is a property you can set either true or false
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