jQuery Plugin For Animated Sticky Elements - boxFollowScroll
File Size: | 6.81 KB |
---|---|
Views Total: | 769 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

boxFollowScroll is a simple jQuery plugin for creating an animated floating sidebar/box that follows your visitors as they scroll up/down the page.
Basic Usage:
1. Load jQuery library and the jQuery boxFollowScroll plugin at the end of the document.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="src/jquery.boxfollowscroll.min.js"></script>
2. Create a floating sidebar/box inside your main container.
<main class="container"> ... <aside class="sideBar"> </aside> </main>
4. Call the function to enable the plugin.
$(function() { $('.sideBar').boxFollowScroll({ // DEFAULT OPTIONS 'elementHolder' : '.container', 'offsetTop' : 350, 'distanceBottom' : 20, 'elementBefore' : '.is-boxBefore', 'transition': true, 'duration': 250, 'marginToBoxBefore': 40, 'minDistanceTop': 20 }); });
This awesome jQuery plugin is developed by wilfernandesjr. For more Advanced Usages, please check the demo page or visit the official website.