Simple jQuery Sticky Fixed Position Plugin - fixto

fixto is a jQuery plugin that allows you to make any html element of your page sticky. With this plugin, you can create sticky footer stays intact at the bottom of the page or useful side/top menus that floats over the page even while scrolling.

You might also like:

• Yet Another Sticky Element Plugin For jQuery - sticky.js
• Sticky Top Menu Bar with CSS3
• Sticky Any Element Plugin with jQuery
• jQuery Contained Sticky Sidebar Plugin - stickyMojo
• Content Sticky on Scroll with jQuery - Stickem
• Fixed Position Elements Plugin for jQuery - Fixer
• jQuery Plugin For Fixed Position Elements - lockfixed
• Fixed Table of Contents Plugin with jQuery
• Fixed Position Top Menu Bar with jQuery and CSS3 - nagging-menu

Basic Usage:

1. Include jQuery library and jQuery fixto plugin on your html page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="dist/fixto.min.js"></script> 

2. The HTML

<nav>
<ul id="menu">
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
<li><a href="#section4">Section 4</a></li>
...
</ul>
</nav>

3. Call the plugin

<script>
    $('nav').fixTo('body');
</script>

 

---

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.