jQuery Plugin For Animated Sticky Elements - boxFollowScroll
| File Size: | 6.81 KB |
|---|---|
| Views Total: | 785 |
| 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.






