Sticky Sidebar ⬆⬇ is a pure JavaScript plugin for making smart and high-performance sticky sidebar, works with the sidebar if it’s taller or shorter than the viewport, is integrated with a resize sensor to re-calculate the dimensions automatically when the size of the sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+. The source can be found on GitHub.

Features

  • It does not re-calculate all dimensions when scrolling, just neccessary dimensions
  • Super smooth without incurring scroll lag or jank and no page reflows
  • Integrated with resize sensor to re-calculate all dimensions of the plugin when the size of sidebar and its container is changed
  • It has event trigger on each affix type to hook your code under particular situations
  • Handle the sidebar when it is tall or too short compared to the rest of the container
  • Zero dependencies and super simple to setup

Project Samples

Sticky Sidebar Screenshot 1

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow Sticky Sidebar

Sticky Sidebar Web Site

Other Useful Business Software
Forever Free Full-Stack Observability | Grafana Cloud Icon
Forever Free Full-Stack Observability | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Sticky Sidebar!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Libraries

Registered

2023-09-20
Report inappropriate content