Hello,
I have a header in my site that freezes when scrolled and background color changes to white.
Now, my menu text is also white, when i scroll and the background becomes white, i want the text to turn black.
So what i basically did is an anchor on top when out viewport apply the code on masterPage.js:
$w('#menub').hide("fade",{"duration": 100})
$w('#menuw').show("fade",{"duration": 100})
as you can i see i have 2 menus, one over another, that hide/show based on the top anchor.
Its not very effeicient and somtimes when pages loads already outside of viewport, the header BG is white but the menus dont replace, so you need to scroll all way back to top and then scroll down for it to replace.
Is there more effiecent way to achieve what im trying to achieve? any way of getting the header’s state instead using anchor?
Thnank you in advance,
Yaron.