ScrollNaviJs - Fix navigation on top after scroll second section

ScrollNaviJs is jquery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE JS AND CSS FILES

<script src="js/jquery.js"></script>
<script src="js/scroll_navi.js"></script>
<link rel="stylesheet" type="text/css" href="css/scrollnavi.css">

2. HTML

<div id="nav">
            <div class="container">
            <ul>
                <li><a href="#section1">Section1</a></li>
                <li><a href="#section2">Section2</a></li>
                <li><a href="#section3">Section3</a></li>
            </ul>
            </div>
</div>
<div id="section1">Section1</div>
<div id="section2">Section2</div>
<div id="section3">Section3</div>

3. JAVASCRIPT

$(document).ready(function(){
    $("#nav").scroll_navi();
});

if you want to set scroll speed, then call method like below:

$("#nav").scroll_navi({speed:1500});