jQuery Plugin For Animated Sticky Elements - boxFollowScroll

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

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.