khalilkode / onepage-navigation-jquery Goto Github PK

A simple jquery plugins to achive one-page site navigation functionality.

$('.scroll').onePgaeNav({
 activeClass		: 'active',
 wrapper			: '#onepage-nav',
 speed 			: 900,
 navStop 		: 50,
 navStart 		: 200,
});

<ul id="onepage-nav">
 <li><a class="scroll" href="#home">Home</a></li>
 <li><a class="scroll" href="#about">About</a></li>
 <li><a class="scroll" href="#more">More</a></li>
</ul>

<div id="home">
 <h1>Home</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
<div id="about">
 <h1>About Us</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
<div id="more">
 <h1>More</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>

A pull request appreciate. Tweet me on Nayem Majhar