This time I will share jQuery Plugin and tutorial about Responsive jQuery Sticky Element Plugin – pinBox, hope it will help you in programming stack.
pinBox is a lightweight, customizable jQuery plugin for creating sticky element that makes a block of content follow you as you scroll down the webpage. You can specify the breakpoint to disable the plugin in small screen devices like mobile and tablet.
Basic usage:
1. Add a CSS class to the element that will be sticky on vertical page scrolling.
2. Add the required ID ‘pinBoxContainer’ to the parent container. Make sure to add position:relative if the parent container has float property. The whole markup structure should be like this:
1 |
<div class="container" id="pinBoxContainer"> |
3. Include jQuery library and the jQuery pinBox plugin at the bottom of the webpage.
1 |
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> |
2 |
<script src="jquery.pinBox.js"></script> |
4. Active the plugin with default settings.
5. All available settings with default values.
04 |
Container : '.container', |
6. Callback events.
Change log:
2016-03-09
This awesome jQuery plugin is developed by NeZaMy. For more Advanced Usages, please check the demo page or visit the official website.
