Skip to main content
Question

Scroll interaction is not working


I can’t seem to figure out how to allow my component to scroll.
The ! says it needs to be bigger than the frame which it is and no matter how many times I try to make it larger than it already is, the ! still doesn’t go away.
I’ve tried restart starting the app and my computer but it still doesn’t work.
Any help would be amazing, thanks

6 replies

JosephxBrick

Hi!

If it’s a frame in a component instance that you are trying to specify scrolling on, that won’t work. You’d have to specify scrolling in the master component in that situation.

Otherwise, it should work, assuming the frame that you are adding scrolling to has a direct child that exceeds its bounds.


Leonardo_Falaschini

There is a situation where it SEEMS to work but only moves a few pixels, it doesn’t scroll all the way. I reviewed all settings and its doing my head in


Hello. I am fairly new to Figma, and I just came across this issue during some prototype testing myself. One of my testing helpers was using a PC laptop running Windows. They accidentally happened to use two fingers instead of just one on their laptop’s track pad, and the prototype scrolled! So maybe double checking your testing helpers’ device might help solve the issue in some instances.


matthew.elsea

I just had this issue. I needed to set the component to “No scroll” and then set the instance of the component on the prototype frame to “Scroll with parent”.


Julius Pepperwood

Facing the same issue. Doing some trial and error, and it looks like I found a fix. Still playing around with this.

 

Attempting to set up a “scroll-to” from a fixed header frame to a child-frame within a larger parent frame (all separate from the header frame). What worked for me was removing or ungrouping the child frames from their parent frame, leaving standalone frames. It seems like it has trouble scrolling to a frame within a frame. Works now.


Julius Pepperwood

Facing the same issue. Doing some trial and error, and it looks like I found a fix. Still playing around with this.

 

ISSUE:

Attempting to set up a “scroll-to” from a fixed header frame to a child-frame within a larger parent frame (all separate from the header frame). 

 

SOLUTION:

What worked for me was removing or ungrouping the child frames from their parent frame, leaving standalone frames. It seems like it has trouble scrolling to a frame within a frame. Works now.

 

EDIT:

Seems to work with the header (containing a scroll-from element) as a component or detached. 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings