Fixed sidebar navigation

  • Resolved ja152

    (@jdj)


    6 years, 2 months ago

    Hi,

    I’ve used this plugin to make a fixed sidebar navigation that uses this markup:

    <nav>
<ul>
<li><a class="arrow-hover" href="#section1">Section 1</a></li>
<li><a class="arrow-hover" href="#section2">Section 2</a></li>
<li><a class="arrow-hover" href="#section3">Section 3</a></li>
</ul>
</nav>

    Would it be possible to make the navigation “active” through some additional script like seen on https://css-tricks.com/sticky-smooth-active-nav/ ?

    So when you scroll to a section on the page, it adds a class “current” to one of the navigation links based on the users viewport.

    I tried to implement the above solution but can’t get it to work. If anyone could help that would be great.

    Thanks.

Viewing 1 replies (of 1 total)
  • Plugin Author WebFactory

    (@webfactory)

    6 years, 2 months ago

    Hi,
    Would it be possible? Sure. But this plugin doesn’t have that functionality so you have to manually add the JS and CSS code. What you linked is fine and will work as long as you adjust it for your specific needs.

    • This reply was modified 6 years, 2 months ago by WebFactory.
Viewing 1 replies (of 1 total)

The topic ‘Fixed sidebar navigation’ is closed to new replies.