Tooltip with CSS with overflow hidden
From the section portrayed here: https://cozynova.online/hackandslasher/#Farming-Equipment
Is there any way for the CSS tooltip to being able to stay on top, while the parent has
overflow-y: auto
(so I could scroll through).
This is the relevant code of the tooltip:
Wind Cutter Guide
Comprehensive, concise and dynamic Ragnarok Online guide.
8 Replies
If you mouse over the
Thanatos
section, the items have CSS tooltips, but they hide under the parent.This one.
Only way is to make them relative to something outside the scrolled container
but then you need to do some different positioning, without JS it might be tricky to make them work exactly the same. So might have to compromise where the tip shows up in the box
So no, no CSS approach, rather
I mean I'm sure someone might have some cool way you could maybe?
thing you would need to know is the pos of the span relative to the parent to position the tip on it
I have the BS tooltips I was using for buttons, but I wanted to avoid them ðŸ˜
which you can find solutions around for it lots of JS tooltips
They're pretty handful though.