Simple jQuery Sticky Fixed Position Plugin - fixto

Simple jQuery Sticky Fixed Position Plugin - fixto
File Size: 118KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.