Scroll interaction is not working

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.

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.

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

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.

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. 

Thanks it worked.

What I did is:

I ungrouped my page sections, and than I set the “Scroll to” feature to a Button. It worked! But I need that extra frame with autolayout so I grouped all section again. Once “scroll to” is set, grouping the sections again didn’t break the prototype 🚀

Ok, I had the same issue. It turns out that my “child” frame had in it a component; and the component’s overflow (within the master state) was set to “Vertical”. When I switched it back to “No Scrolling” that seems to have fixed it, and now the “child” frame scrolls normally within the “parent” frame. 

So, I would check if your child frame contains any components or elements whose overflow is set to “Vertical”, and change that to “No Scrolling”. In short, vertical scrolling of a child component likely causes the conflict with the scrolling behavior of the parent.

Solved this issue. Turns out in the frame I had expected a scroll behaviour, the auto layout attribute was set to “hug” meaning, the actual content was not larger than the frame due to the layout attribute. The moment I changed it to fill, it worked.

I found fix with this, the prototype Scaling Option should be “Fill Screen”. And it works properly. The option can be found in prototype window, top right option beside the Share prototype button.