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

What is Framer? Join the Community
Return to index
John Lee
Posted Jan 20 - Read on Facebook

My dearest Framerers,
Please save my weekend (life, soul and pet dog - Frams, named after Framer) by answering this question:

I want to connect 2 page components so they both control each other (for example: pageScroller1 and pageScroller2)

Here's an example of the top pageScroller, setup by the brilliant Jonas Treub http://share.framerjs.com/120u52af00wg/
Now imagine I have another carousel below. Both of these react to each other. Swiping left or right on the top, or bottom will react to the other one. Ideally I don't want to use a bunch of IF/ELSE statements, it needs to be scalable (say you had 100 pages...)

Make sense?

THANK YOU, you wonderful people!

6 Comments

John Lee

Hey Marc Krenn, just wondering if you had any ideas?

Jonas Treub

This should be possible with the modulate function. I'll give it a try when I arrive at the office

Marc Krenn

"I want to connect 2 page components so they both control each other (for example: pageScroller1 and pageScroller2)"

"Control" as in "copies the exact movement" or as in "switches to the selected page on release"?

Jonas Treub

Could be the previous iOS app switcher which showed the app icons below the previews

Jonas Treub

Here is an example which modulates the scroll positions between two page components: https://framer.cloud/SaUTA/

John Lee

You'd da man!
Boy, I'll take a look at the code and will pay homage to Framer (and yourself) through some yoga poses tomorrow morning.

Read the entire post on Facebook