Show correct active anchor item in menu when scrolling

petia.zemanova
1 Posts
petia.zemanova posted this 09 October 2018

Hi,

I'm building a website at http://nahledwebu.hys.cz and I have a question about top menu behaviour.
I have two anchors in the menu: "O nas" and "Kontakt. The other items in the menu link to child pages. As I scroll to the anchored sections on the homepage, the corresponding items in the top menu should logically change to active in the menu. Both when scrolling manually through the page and when clicking the anchor items in the menu and using scroll spy to automatically move to the given section of the page. Also the #kontakt or #o-nas still remain in the URL even after moving or scrolling elsewhere. Basically the behaviour should look something like here: http://radview.in/. Is there any way to achieve that?

As it is, only the first item in the menu on my homepage is always active.

Hope the way I described it makes sense.

Thanks a lot in advance.

Hi, I'm building a website at http://nahledwebu.hys.cz and I have a question about top menu behaviour. I have two anchors in the menu: "O nas" and "Kontakt. The other items in the menu link to child pages. As I scroll to the anchored sections on the homepage, the corresponding items in the top menu should logically change to active in the menu. Both when scrolling manually through the page and when clicking the anchor items in the menu and using scroll spy to automatically move to the given section of the page. Also the #kontakt or #o-nas still remain in the URL even after moving or scrolling elsewhere. Basically the behaviour should look something like here: http://radview.in/. Is there any way to achieve that? As it is, only the first item in the menu on my homepage is always active. Hope the way I described it makes sense. Thanks a lot in advance.
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 27 December 2018

Hello,
I am very sorry for the delay.

Please, try applying Smooth Scrolling extension for the anchored sections and the menu as well:

smooth-scroll.png

If it still doesn't work, please, let us know.

Gina
Themler Support

Hello, I am very sorry for the delay. Please, try applying Smooth Scrolling extension for the anchored sections and the menu as well: !smooth-scroll.png! If it still doesn't work, please, let us know. Gina Themler Support
You must log in or register to leave comments