ScrollNaviJs

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #golang #go #linux #nodejs #java #kubernetes #security #ios #openai #open-source

(★ 37)

scrollnavi js used to create stricky navigation scroller using jquery

ScrollNaviJs Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

ScrollNaviJs
============

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

How to use
==========

- 1)Include jquery plugin and ScrollNaviJs
- 2)call scrollnavi function with navigation ID

```html
<script src="js/jquery.js"></script>
<script src="js/scroll_navi.js"></script>
<script>
  $(document).ready(function(){
    $("#nav").scroll_navi();
  });
</script>
```

- 3)put html code in body tag like below:
```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>
                <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>
```

- 4)also put css fiel
```html
<link rel="stylesheet" type="text/css" href="css/scrollnavi.css">
```
###Options

- if you want to set scroll speed, then call method like below:
```html
$("#nav").scroll_navi({speed:1500});
```

- if you want to set link for another page, use data-outerpage attribute and put as 'true' like below:
```html
  <a href="https://github.com/senthilraj/ScrollNaviJs#about-me" data-outerpage="true">About Developer</a>
```
## Demo

###[Click to see Demo](http://senthilraj.github.io/ScrollNaviJs/)

## Download

### Download [ScrollNaviJs zip archive](https://github.com/senthilraj/ScrollNaviJs/archive/master.zip)

About me
========
 I am senthil and I am 22 years old designer and developer specialised in jquery. I am doing rich websites and creating mobile apps using in phonegap, jquery  moblie, any doubts or help feel free to contact me Mail: senthil2rajan@gmail.com

Website: http://www.senthildesigner.co.nr/

Add your Website
================

if you are using our plugin, we will add in here as plugin users with website link,
so kindly send me your website link to this MailId : senthil2rajan@gmail.com

Thanks

ScrollNaviJs

ScrollNaviJs Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ScrollNaviJs

ScrollNaviJs Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README