Skip to main content
Question

VERY advanced Scroll challenge


Koen_van_Niekerk2

Hello Figmators.

I searched the community but could not find an answer.

I need to build (prototype) a bi-directional scroll with both a fixed column and a fixed row. I tried a lot, but did not manage it.

The only way I can explain it clearly is with a movie (see below). Does anyone know how to build this?

thanks!

Koen

This topic has been closed for comments

8 replies

  • Figmate
  • 1922 replies
  • April 22, 2024

Hi @Koen_van_Niekerk2, Thanks so much for reaching out about the prototype challenge! Our community is always here to lend a hand where we can!

From your description, it sounds like something related to apply scroll overflow in both directions (horizontal and vertical) to a frame. But I’m not sure.

Also, we’re having some trouble playing the video you shared. Could you kindly re-share it with us? We’d love to understand the specifics of what you’re trying to accomplish.

We’re looking forward to hearing back from you soon! And of course, if anyone from our community has insights or suggestions, don’t hesitate to jump in!

Thanks,


Koen_van_Niekerk2

Hi @Junko3 .

Thanks for your quick response. What I am looking for is more than regular Scrolling in both directions. It is hard to explain without the movie. It is a quick time movie. Can you indicate in what format I should upload (or link to) the movie for you to see it?

thanks!

Koen


Vishal_Ramawat

Here is the link to video: https://www.dropbox.com/scl/fi/o919ohjk6nbsvv0zx2h1k/DoubleScroll_FreezeRowAndColumn.mov?rlkey=simng6bqow90cbusyouupk5tq&e=1&st=yyg11qc6&dl=0

What Koen is trying to achieve is Freeze Pane like in Excel.
Lemme try this and get back to you guys!


Vishal_Ramawat

Ok, so I did this:
1st Column with n Rows, no scrolling
2nd Column with nxn table, horizontal scrolling
Grouped these in single frame, vertical scrolling
Now the issue is, when I hover on Column 2, horizontal scrolling works, but not vertical.
And on 1st column, vertical works but not horizontal.
So, I have move cursor to specific ‘side’ to make scrolling work.


Sometimes, it does work in both ways if my cursor is on White grid lines in column2. Weird.
image


Koen_van_Niekerk2

Hi Vishal,

Thanks for taking up the challenge!

If you think you may have (the beginning of) a solution, could you post a link to your file, to see how you solved it?

regards,

Koen


Vishal_Ramawat

Here you go.
I guess, I am using trackpad so scrolling is sensitive, but it does work somewhat.

Figma – 24 Apr 24

Koen_van_Niekerk2

Hi Vishal

Thanks for sharing. I checked out your solution and used it to try to indicate what it is I am aiming at (see image)


Vishal_Ramawat

Well, I’ve spent quite a time on this and seems it isn’t possible using out-of-the-box features.
I just ended up creating a workaround for ‘demo’ purpose.
Created 2 Variants of the table and switched the scrolling by clicking on Header or 1st Column.
So if you want to make Column sticky, click on the column, if Header, click on Header.
It starts with sticky column.
I know it isn’t what might be intended behavior, but hope some other member might help out.
I have updated my Figma file. Do check it out!


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