"On Scroll" for prototyping

Need on scrolling interaction, up and down instead of drag on #prototyping, so i can present the exact micro interaction for show and hide top navigation bar between each card on onboarding screen or like search input while i scroll the page down on iphone native app, vice versa.

I’m considering doing the prototype somewhere else just because of this missing.

We reaaaaallllllly need this. Badly. Please!

i also need this badly for switching nav panels upon a certain scroll position. definitely need scrolling interactions. best by definable scroll positions (if a frame enters and exits the viewport)

+1. Another use case for me would be to show a sticky button or pull the header back on scroll.

I would also add that interactions such as scroll to view, ie when scrolling something into view, it animates. Like when you get to a section and you want the section to animate in a way when user get to it, once.

How do I create a sticky menu that only appears when scrolling up/down. Ideally it animates by sliding up and down when scrolling triggers it.

It will be awesome to have this feature.

Working on a prototype right now and would love this feature. To take it further, I’d like to be able to show a UI element based on scroll position.

It would be awesome to add the On scroll up and On scroll down event to hide the sticky headers when scrolling down in a prototype.

Problem:
I want to have a fixed bar hide when you scroll down, and reappear when you scroll up (common pattern in mobile and web).

You can currently only do this with a hover hack when viewing the prototype on web. I’d love to have this work on mobile so we can use this in UX research when the participant uses the prototype on their phone, as well as be able to play with it.

Doing this in a way that could be within a component so it can be on a long flow would be even better! But I just want the basics 🙂

Thank you,
Yoni

Would be great if we could take advantage of scrolling as an interaction. Maybe scrolling could act as a scrubber between frames.

i need the same help

As far as I know this is currently not possible in figma. I have two workarounds for this.

1. adding “after delay”, so when presenting the prototype I have to time the change very precisely
2. adding “enter key” interaction, triggering the appearance manually while presenting. So I simulate the behavior.

But of course, when it comes to user test or let others play around with the prototype both variations are not very satisfiying.

the feature i need the most,

there is a ugly workaround using mouse enter and leave, but it’s too weird.

Would be much better I set something like: "scroll tigger - 120px top - action)

Dog-piling here, but I would agree “on scroll” interactivity would be very valuable. I have many instances where being able to have scroll control would drastically improve my prototype. Are there any plans for this coming in future releases?

Find myself wanting this so frequently. Fixed headers appear on scroll so often. I hope this gets added soon!

When creating an interactive component I would really like to have the option to choose “On scroll” as a trigger and be able to decide after how many pixels it should be triggered.

For example:
If I have a fixed close button in my prototype. After I’ve scrolled let’s say 80px I want it to change to another variant of itself that has box-shadows.

Often I want to make fixed objects pop more after the scrolling has begun, but not from the start. So this would be a really neat feature.

Definitely need entrance animations. It’s one of the major downfalls of prototyping in Figma and is always a hassle trying to explain to developers how you want things to animate in on scroll.

We really really really, need “OnScroll” Events with all the options that one would expect. This would greatly enhance our ability to design for the web and mobile devices. After On Touch or On Click this would likely be the most frequently used event. Thanks!

One of the top recommendations for a Product Display Page is a Sticky Table of Contents for long pages. I NEED THIS FEATURE.
Make it happen Figma.

🚀 LETS GOOOOOOOO!!!

Really need this feature within prototyping!!!

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.

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

+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.

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