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

What is Framer? Join the Community
Return to index
Guy Gunaratne
Posted Dec 10 - Read on Facebook

Hi everyone, neck deep in a Framer project and have a problem which looks to be a common one. Wondering whether there is a solve.

I'm working on a something which has a scroll menu with items within it that are clickable. Problem is I can't find a way that allows users to scroll without firing a click event in one of the sublayers. Any ideas?

Hierarchy:
sidebar -> maskGroup -> Group -> item1,2,3

ScrollComponent:
contentList = ScrollComponent.wrap(sketch.Group)
contentList.scrollHorizontal = false

Click Event:
sketch.item1.on Events.Click, ->
sketch.sponsorcard.states.next()

6 Comments

Andrew Nalband

See Benjamin Den Boer's example on framerjs.com/examples http://framerjs.com/examples/preview/#scroll-n-click.framer#code

Andrew Nalband

These are the lines you'll want

Guy Gunaratne

Great, thanks Andrew. I'll have a go and report back

Ning Chen

Thanks a lot.

Guy Gunaratne

Andrew with a bit of tinkering, totally worked. Thanks!

Luke Warda

Hi guys, I've tried this on my prototype and it works in the simulator but on my iPhone the events keep being fired. Any ideas?

Read the entire post on Facebook