Sticky Viewport component just went live. Here's why it's built the way it is.
A single fixed offset rarely holds up across different viewport heights. Sticky Viewport adapts the offset and makes the behavior visible: a live Diagnostics overlay confirms target status, sticky state, viewport height, and final position, both in Preview and on the published page.
Dynamic mode automatically scales with viewport height. Manual mode locks the offset to fixed tiers. Runs on Framer's native Sticky workflow, no custom code required.
Shots below: naming the target layer, Diagnostics mid-scroll showing Active sticky state, and Properties panel showing Dynamic vs Manual modes.
Sticky Viewport component just went live. Here's why it's built the way it is.
A single fixed offset rarely holds up across different viewport heights. Sticky Viewport adapts the offset and makes the behavior visible: a live Diagnostics overlay confirms target status, sticky state, viewport height, and final position, both in Preview and on the published page.
Dynamic mode automatically scales with viewport height. Manual mode locks the offset to fixed tiers. Runs on Framer's native Sticky workflow, no custom code required.
Shots below: naming the target layer, Diagnostics mid-scroll showing Active sticky state, and Properties panel showing Dynamic vs Manual modes.
