Skip to main content

Hi everyone! I wanna make fixed position overlay.

I found the similar topics but could not find solitions.


What I want to do is

-When users hover a list, the list change the colour (I created variant component).

-At the same time, the detail of the list appears on the light of the list.

-The lists scroll vertically, but the detail stays fixed.


Here is the screen video.



Figma file

Figma – 1 Jun 24

The hover effect on the list does not work well too.

If you could have a look at it too, would be so helpful!


Thank you in advance:)

Hi Ayako san,


Thanks for the post! How about using variables? I think you can set up two different layers for hovering over each theme. I made a simplified explanation:



There may be a few ways to do this, but this is the idea I have for now! If there’re are good ways, I’m really curious about that too.


Thanks!(いつもありがとうございます!もしなにかご不明なことなどございましたら、お気軽にご返信ください 🙂 )


Toku /


Toku san


いつもありがとうございます!

質問した後にちょっと考えてvariablesが使えるのかなと思ったのですが

variablesはimageの場合使えないですよね?

私の最初の質問の例が具体的じゃなかったのですいません。

ちょっとupdateしたのがこちらなのですが、




I want to use sticky position for the prototype.

So I applied open overlay(the details on the right) to the each list.

But the details move with the scrolling lists.

So I was thinking if variables is possible for the right part.

Or using components set somehow.


Here is the current situation (a bit messy…)

Figma – 30 May 24

Thank you in advance!

Ayako


Ayako さん、


こちら返信が遅くなっており、大変申し訳ありません!

こちら解決されましたか? 🙏


Toku