I was wondering whether you could help me?
On my site (in the mobile viewport), I’m trying to set up a sitetitle (in svg format) and a menu nav (burger in svg) to change colour as your scroll between black and white backgrounds/rows. I’ve managed to almost make it work but the problem is that the logo and nav don’t change the colour immediately after entering into the relevant row. You need to scroll up or down a little bit in a opposite direction to make it switch colours. Could you advise how can I make it work in a smoother fashion?
Here is the link: http://foi.elmot.atthouse.pl/information
The logo and the nav should change the colour from black to white immediately after entering the black background and then reverse it when you scroll back to the white background.
This apparently is working flawlessly on Android devices at the moment, but not in Safari on iPhone 7 (iOS 14.2).
Many thanks in advance