Build Multiple Stacking Sticky Sidebars with Pure CSS and Bootstrap 4
Making high performant, pure CSS sticky sidebars that stack with Bootstrap 4.
This will be a quick and pretty cool tutorial on a neat trick on how to have multiple sticky sidebars that stack without using any JavaScript!
I figured this out the other day brain storming ideas with @chrisoncode for the new Scotch website sidebar. As fun and cool as JavaScript is, it's just not as snappy and way more bloated than say a pure CSS implementation of stuff like this (which is one of our main goals for our Scotch.io redesign).
In this tutorial I will discuss:
What the heck I mean by this mouthful: "Multiple Stacking Sticky Sidebars.
Reasons that you would want to do this.
General beefs devs have with doing it with JavaScript or plugins.
The technique with CSS3 (positio...