Skip to content

component

Smart Sticky

By Farhan Malik

Details

Summary

Scroll-aware sticky wrapper with two mod

Description

You know how some elements just stick to the screen while you scroll? SmartSticky does that, but with a lot more control over when it shows up and when it goes away. There are two modes. Always mode keeps your element glued to the top or bottom of the screen the whole time someone is scrolling. A navbar, a floating button, a bottom bar. It just stays there. Constrain mode is a bit different. Instead of sticking to the whole screen, it only sticks while a certain part of the page is visible. Once that part scrolls away, the element goes with it. Really useful for CTAs or buttons that only make sense in one section. Both modes come with smooth animations. Slide in, slide out, fade in, fade out. You pick which one and how fast. Everything is controlled from the property panel in Framer. No code, no extra setup. Drop it in, connect your content, and it works.

Introduction

Scroll-aware sticky wrapper with two mod

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300139128/148/208/279/39/10
  • All · #3135