sidebarFix.js is a library that locks the sidebar inside the browser view area. It works in the browser. Even if the sidebar is longer than the height of the screen, it will automatically adjust its position so that you cannot see the entire sidebar.
The jQuery plugin version of jquery.sidebarFix.js and the standalone version of sidebarFix.js are included with jQuery.
sidebarFix.js is a very small jQuery plugin that makes sidebar tools always visible when scrolling a webpage page down or up. Even if the sidebar is longer than the height of the screen.
How to make use of it:
1. Put each jQuery library and the jQuery sidebarFix.js script within the HTML web page.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="jquery.sidebarFix.js"></script>
2. Create a sidebar and make it sticky inside a particular container.
$('.jq_sidebar_fix').sidebarFix({ frame: $('.container') });
3. Set the top offset in instances of the place you’ve got a sticky header nav.
$('.jq_sidebar_fix').sidebarFix({ frame: $('.container'), topBuffer: 100 });
4. Fix the position concern where the sidebar is nested within the container.
$('.jq_sidebar_fix').sidebarFix({ frame: $('.container'), force: true });
Easy Mobile-friendly Fixed Sidebar, sidebarFix.js Plugin/Github
See Demo And Download
Official Website(tomk79): Click Here
This superior jQuery/javascript plugin is developed by tomk79. For extra Advanced Usage, please go to the official website.