Skip to main content
konst
Feb 1, 2021 12:00 PM UTC

"On Scroll" for prototyping

  1. I want to make a prototype where something changes when user scrolls content.

  2. I want to keyboard collapse when user starts scrolling content, but it’s impossible to do with drag action. Or it feels unnatural

  3. Or am I missing a way to do it with existing tools?

361 replies

George_Hoyland
Oct 12, 2021 4:44 PM UTC

Really need this feature within prototyping!!!

Jason_Covert1
Oct 26, 2021 4:31 PM UTC

For desktop applications, I’ve used invisible shapes and the “on mouse enter” interaction to trigger make panels sticky. It’s not perfect, but it works alight.

Phil_Larsen
Active Member
Nov 14, 2021 1:44 AM UTC

Would love this functionality. I have been stuck making static representations of how the screens look on scroll.

AnneK
Nov 17, 2021 10:56 AM UTC

+1! Using ‘on mouse enter’ sort of allows you to change views when the user scrolls (tutorial here), but it’s only for desktop. I’m testing my app prototype on an actual phone using Figma Mirror, meaning there are no mouse events! So I would really love an “on scroll” interaction (or maybe “on leave/enter viewport”) to e.g. hide the navbar when the user scrolls down.

Philip_Iskandarov
Nov 21, 2021 11:20 AM UTC

It would be so great to have a scroll event. There are a lot of products that tell a story on each scroll.

Thank you

Stefan_Abrahamsen
Nov 26, 2021 2:53 PM UTC

You can make a decently faked behavior with a technique as showcased in this file by @FOX

Shengfeng_Gu_Wicresoft
Jan 12, 2022 11:09 AM UTC

we really need to have the feature collection that elements could communicate with each other. there are so many interactive prototypes that Figma doesn’t support.

JohnBeck
Jan 12, 2022 12:35 PM UTC

+1 for scroll events

Sebastian_Falkenhagen
Jan 26, 2022 9:00 AM UTC

Yeah, this Update would be awesome!

Peyi_Oyelo
Jan 26, 2022 4:08 PM UTC

+1 Keeping this thread alive