No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md
highlightScrolling.js
index.html
reset.css
style.css

README.md

highlightScroll

Notice that you have to have the same amount of nav-items and sections to get this to work properly.

  1. To use the hightlight scroll functionality, add the css class .highlight to the a element in your menu.

Like this:

<nav>
    <ul>
        <li>
            <a href="#section-one" class="highlight">One</a>
        </li>
    </ul>
</nav>
  1. Add the two css classes .highlight and .section to the section that you want to correspond with the hightlightning on the nav items.

Like this:

<div id="section-one" class="section highlight">
    <h1>Section One</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu augue sed ipsum vulputate malesuada et vitae
        lorem. Mauris non lectus nibh. Fusce faucibus suscipit sollicitudin. Donec eget nisi vel tellus cursus
        convallis. Donec interdum pretium neque. Praesent vel mattis neque, nec volutpat diam. Suspendisse non
        consequat nunc, ac blandit ipsum. Sed at justo eget purus interdum varius eget aliquet nisl. Nulla sed
        accumsan enim, at laoreet dolor.</p>
</div>