Scrollspy

Scrollspy is a jQuery plugin that tracks certain elements and which element the user's screen is currently in Viewport.

Usage :

to applay the scrollspy plugin add class scrollspy to the menu container. and for the Smoth Animated Scroll its applayed by default.

Example Code : 

<!-- Menu Example Code -->
<nav class="navbar scrollspy sticky-navbar">                
    <div class="container">
        <div class="navigation-menu">
            <ul>
                <li><a href="#Home">Home</a></li>
                <li><a href="#Section01">Section 01</a></li>
                <li><a href="#Section02">Section 02</a></li>
                <li><a href="#Section03">Section 03</a></li>
            </ul>
        </div>
    </div>
</nav>
Section 01
Section 02
Section 03
......