Sticky Sidebar

You can easily transform your existing Sidebar Content into Sticky Content with minimal setup:

Note: The Sticky Sidebar Plugins currently works best with the Sidebar .sidebar Containers and Bootstrap Columns.

Code Example

<div class="sidebar sticky-sidebar-wrap nobottommargin clearfix">
	<div class="sidebar-widgets-wrap">
		<div class="sticky-sidebar">

			... Your Sidebar Widgets

		</div>
	</div>
</div>

How to Use

  • Step 1

    Add the .sticky-sidebar-wrap Class to your .sidebar Container.

  • Step 2

    Create a .sticky-sidebar Container just inside the .sidebar-widgets-wrap Container.

  • Step 3

    Enclose all your Sidebar Widgets inside the .sticky-sidebar Container.

Settings

Setting Description
data-offset-top

Sticky Sidebar Offset from Top in pixels.

Ex: data-offset-top="110"
data-offset-bottom

Sticky Sidebar Offset from Bottom in pixels.

Ex: data-offset-bottom="50"

Last Modified: June 2, 2020

Need Help?