What are sticky elements?
A sticky element is one that scrolls normally with the page until it reaches a certain point — then it "sticks" in place while the rest of the content continues scrolling past it.
You're experiencing three of them right now: the navigation bar at the top of this page, the sidebar to your left, and the green bar at the bottom. None of them are going anywhere.
The sticky navigation
The bar at the top of this page is sticky. No matter how far down you scroll, it stays pinned to the top of the screen — your navigation, logo, and call to action are always visible.
This is one of the most common and practical sticky elements — it keeps your site's navigation accessible at all times, no matter how far down a visitor scrolls.
The sticky sidebar
The panel to your left is also sticky. It pins just below the navigation bar and stays in place as you scroll through the content on this side of the page. On mobile, the sidebar is hidden since there isn't enough screen width for it — the sticky nav and CTA bar still work.
Notice the progress bar at the top of the green CTA strip at the bottom — it fills as you scroll, giving visitors a sense of where they are on the page.
The sticky CTA bar
At the very bottom of your screen right now is a sticky call-to-action bar. It follows you the entire way down the page — always visible, never in the way.
This is especially powerful for service businesses and landing pages. A visitor can be reading about your services and book an appointment without ever losing their place in the content.