Change menu item color on scroll at section ID

[freekfish]

Hi guys i am trying to change color of menu items in a sticky header when the user scrolls past a section with a unique ID, I have found js to work when the user is a set distance from top like 500px but i want it to work when the user reaches the section with ID.
Can you provide js for this? - just ned to add a class to element for CSS then remove class when they reach next section with different ID

Thanks

[christian]

Hi Richard,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[freekfish]

dont wory abou it it is simple piece of js i just thought you may have had it written already

[albrecht]

Hi Richard,

Found a javascript code that might help you out. https://codepen.io/joxmar/pen/NqqMEg

Check the script under the // Bind to scroll comment.

Let us know if you were able to implement it. If not please send us the site where you tried to use it, so that we can help you out.

Thanks!