I have a black toolbar with position relative, when we scroll down until the top of the window reaches the top of the toolbar, it changes position to fixed and stays on top. I would like a tooltip that works as a "message tray" appearing below this black toolbar when needed and fitting 100% of the window width. The problem is that when the tooltip appears it won't follow the target when we scroll back up and the toolbar changes to "relative" position again.
I want to change the texts when I hover over image, but I can't solve this problem. This problem makes me crazy. Each image has different texts. When hover over an image, text for that image will appear on the text box.