Need help disabling horizontal page scrolling when vertical scrolling on a scroll component occurs. I tried using an if statement to detect when I'm scrolling on the component, but no success...
pageScrollBlock = -> if scroll.on Events.DragMove pageView.draggable.horizontal = false
If you're using a ScrollComponent, then you want scrollHorizontal = false. http://framerjs.com/docs/#scroll.scrollHorizontal
Thanks, but this isn't what I'm looking for. I have 3 pages arranged horizontally inside a page component. You can swipe left and right between them. Each page has a scroll component. The problem isn't that the scroll components are also scrolling horizontally, it's that the vertical drag also moves the pages component. I'm trying to disable paging when I'm scrolling.
Try something like this:
scroller.content.on Events.DragStart, -> pages.content.draggable.enabled = false
scroller.content.on Events.DragEnd, -> pages.content.draggable.enabled = true
Use the "directionLock" property on the parent PageComponent: pageComponent.directionLock = true
https://www.facebook.com/groups/framerjs/permalink/867613810032358/ I think this is what you're looking for, if you haven't already figured it out.