Using anchors instead of pages with a navigation menu Wix Studio is well documented and very straight forward. However I’m not seeing how to make the Menu aware that the user is located at an anchor.
It seems that the Menu Items can visually only respond to Regular, Hover, and Current Page. I would like there to be an option for Last Anchor - allowing a menu to interactively update if the user reached an appropriate point in the page, whilst maintaining the existing indication methods.
I did this a long time ago with raw HTML5/CSS. How are people achieving this with Wix Studio?
Tried googling and searching on the forum. Apologies in advance if I’ve missed the answer to this!
Thanks for the super quick answer, @AnimeReviews. I tried a couple of things based on your suggestion.
Previously I had one menu item pointing to the Home page, and the next menu item pointing to an anchor on an image.
I tried pointing the anchor link to a section with an anchor link (instead of a image). No difference - insofar as the menu did not register than the anchor had been navigated to.
Next I tried removing the Home page page-based link and instead pointed to an anchor “Home (This) > Top of Page”. In this scenario the menu didnt respond to Home either! So one step back I’m afraid.
Worth trying though, so thanks for suggesting it. The issue still seems to be outstanding for me. Anyone else had better luck with this?
Instead of making it a home anchor you could make it a back to top if everything is on the same page. Of course this will only work for a top section though.
Hmm maybe I don’t understand. For me getting the home menu item to recognise the user location as top of page doesn’t seem to be the functional blocker. I have just tested it having made it point to a completely unrelated page. Even so the sectional anchor still doesn’t get recognised by the menu. So to summarise/specify my problem - I am unable to get a menu to recognise that an anchor has been navigated to.
It seems that the Menu Items can visually only respond to Regular, Hover, and Current Page. I would like there to be an option for Last Anchor - allowing a menu to interactively update if the user reached an appropriate point in the page, whilst maintaining the existing indication methods.
…is also possible.
Process-Flow on your website-page…
For example:
You have a horizontal menu on the top of your page (can even be inside the HEADER).
When user scrolls down your page → reaching a specific section you can take this scroll-trigger to manipulate the HORIZONTAL-MEN, or in detail: → manipulating the men, or even Sub-Menu-Items of your HORIZONTAL-MENU.
-You will need some code for it, some anchors (anchors maybe even not neccesssary).
Let’s say you have sections on your page, which you could take as CHECKPOINTS.
Reaching each of the CHECKPOINTS you start a function, which would manipulate the HORIZONTAL-MENU accordingly.
Hey @CODE-NINJA Thanks for getting back to me with this. This seems conceptually kind of similar to how I approached it with CSS/HTML5 back in the day. I may well end up implementing something along these lines at some point.