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

Terms & ConditionsCookie settingsAccessibility statement