"On Scroll" for prototyping

konst · 2021-02-01T12:00:54+00:00

I want to make a prototype where something changes when user scrolls content. I want to keyboard collapse when user starts scrolling content, but it’s impossible to do with drag action. Or it feels unnatural Or am I missing a way to do it with existing tools?

Forum|Forum|5 years ago
February 1, 2021
361 replies
78964 views

I want to make a prototype where something changes when user scrolls content.
I want to keyboard collapse when user starts scrolling content, but it’s impossible to do with drag action. Or it feels unnatural
Or am I missing a way to do it with existing tools?

Share an idea

Show previous replies

Robin_Williams

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

Bruno_Leal

i need the same help

h.rude

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

adding “after delay”, so when presenting the prototype I have to time the change very precisely
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.

Leonardo_Cavalcante

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)

sgalaty

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?

Phil_Larsen

Active Member

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

Helene_Westrin

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.

Kerrin

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.

Paul_Kooi

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!