Submit your widget

navigation scroll effect with jQuery

Created 4 years ago   Views 26315   downloads 4695    Author senthilraj
navigation scroll effect with jQuery
View DemoDownload 34.5 KB
60
Share |

This 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.we called ScrollNaviJs.

  • 1)Include jquery plugin and ScrollNaviJs
  • 2)call scrollnavi function with navigation ID
    <script src="js/jquery.js"></script>
    <script src="js/scroll_navi.js"></script>
    <script>
      $(document).ready(function(){
        $("#nav").scroll_navi();
      });
    </script>

put html code in body tag like below:

<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>
                <li><a href="https://github.com/senthilraj/ScrollNaviJs#about-me" data-outerpage="true">About Developer</a></li>
            </ul>
            </div>
</div>
        <div id="section1">Section1</div>
        <div id="section2">Section2</div>
        <div id="section3">Section3</div>

Read more:https://github.com/senthilraj/ScrollNaviJs#about-me