Streaming live at 10am (PST)

Navbar elements sensible to page sections


#1

Hey guys,
does anybody know how I can make the Navbar elements sensible to the sections?
I would like to underline the Navbar element when the particular section is viewed (as you can see in the example.


#2

HI @creatspot

What you need to do is add in-page links to your nav elements. Set the ID of each section and create a link to those IDs.

When this is done a "current class will become available that you can style. The current class becomes active when the section with the corresponding ID scrolls into view. This is also when you will be able to edit the current class style.


#3

Hi @creatspot, if you need additional help with the site, it is helpful to provide the read-only link to your site: http://help.webflow.com/general/guidelines#how-do-i-share-my-sites-read-only-link

That way we can help if you run into further issue. smile Cheers, Dave


#4

Hey David & David,
thanks for the fast answer!
I already added in-page links but the current class didn't become available?
Do you know what I missed out?
https://preview.webflow.com/preview/eciu?preview=6118c573d1fe0933e30cd60863d1a9bf


#6

Hey Dave, thanks for the quick answer.
So it's not enough to have the links inside a navbar element?


#9

Hi @creatspot, there was couple of sections that need the id's fixed, and then scroll to each section and select the nav link that is linked to that section to access the current class. I have made a quick video smile

I hope this helps, let me know smile Cheers, Dave


#10

WOW!
Thanks so much! Very well explained and thanks al lot for all the effort smile


#11

I got everything working now and even could underline the row by adding a link block to it. Just one more question, is it possible to keep the current state when you passed the section that triggers the current state?


#12

Hi @creatspot, no, not really, since those states show only for Current state -- there is not a Visited state, but it is something we can look add in future updates smile I would recommend that for our Wish list: http://forum.webflow.com/t/about-the-wish-list-category/6516


#13