JQuery Library Locks Sidebar To The Screen | sidebarFix.js

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.

Related Posts

jquery-cookie-consent

Simple jQuery Cookie Consent Plugin

jquery.cookie-consent is a simple jQuery plugin to request consent to use cookies. An easy-to-use and highly customizable cookie consent bar that informs your visitors of the use…

Timepicker-Plugin-for-jQuery

Timepicker JavaScript Plugin for jQuery Inspired by Google Calendar

jquery.timepicker is a lightweight jQuery timer plugin inspired by Google Calendar. It supports both mouse and keyboard navigation and weighs 5.5KB minified and compact. Features: Highly customizable…

Nepali-Date-Picker-jQuery-Plugin

Nepali Date Picker jQuery Plugin | nepaliDatePicker

Nepali Date Picker is a customizable, easy-to-use, and input-based date picker plugin mostly based on the Nepali calendar. Users can choose a Nepali date in the navigable…

Floating-Whatsapp-Chat-Button

How to Add Floating Whatsapp Chat Button In HTML | venom-button

Venom Button is a very simple plugin for the jQuery floating WhatsApp button. Adds a floating button to your site that calls WhatsApp Click to Chat API….

Vertical-3-Dot-Context-Menu

Simple and Lightweight Vertical 3-Dot Context Menu

The 3-dot Context Menu allows for a simple and lightweight implementation to show 3 vertical dots allowing the user to click and show a menu. Below is…

jquery-spin-wheel-demo

A Free Online Spinning Wheel App Written in jQuery | Lucky Spin

Lucky Spin is a free online spinning wheel app written in jQuery, HTML, and CSS/CSS3. Every time you spin the wheel, you will get a random reward….