Framer Tutorial: Sticky Scrolling

preview_player
Показать описание
A Framer Tutorial covering Sticky Scrolling. Learn how to create sections that Stick to the top of the screen as you scroll past them. In this video, we’ll apply the Sticky positioning property to layers within a Collection Lists, with content sourced from the CMS. We’ll cover why just setting the position type might not be enough to get it working on your website, and what to do in those cases.

Live demo and remix link:

#website #webdesign #framer #scrolling
Рекомендации по теме
Комментарии
Автор

Thank you so much for this! I had to watched it 5 times to recognize my parent page wasn't in Visible Overflow 😂

theado
Автор

looking forward to learning from the rest of your videos. Subscribed!

ornpailinkingkkanjana
Автор

This video was super helpful! Thanks a lot!

nayoonfilm
Автор

Perfect video, very easy to understand, 👀😍

TabishVisuals
Автор

Feedback to Framer: So an issue, the Y and Z axis of a stack is locked together. For example, I am attempting to use sticky for a navbar but as I scroll it goes under other frames/stacks because the navbar is forced to be at the back because it is at the top. I cannot find a work around. Sticky is useless for my navbar because of this. Am I missing something?

jacobs
Автор

i did the same as you said in video but it is not working, can you please help

BoburMavlonov
Автор

So you tweak the sticky behaviour on the mobile breakpoint ?

ugocireddu
Автор

This is one of those tutorials that looks easy to follow until you try it. "One of the most common issues...if ALL parent layers are set to visible" - I've been facing this issue... Is there a way to check that all my layers are set to VISIBLE instead of having to manually screen through every one I've created??

KelvinChiuFilms
Автор

thanks for all these videos- even on the basic tasks to get started and see workflows. :) does the "!" icon explain that parent overflows needs to be set to visible? I'd assume so!

jaywbus
Автор

Add a black fill to the sticky content in the mobile view 😌

ytaditya
Автор

are not that sticky labels overlap each other when reached given offset from top, how you managed that. @Framer

rajudk
Автор

Does anyone know how to get the same function but when you have more content above and below. All the tutorials display this function with only the sticky aspect on the page which is very unlikely for most people

domsmith
Автор

I wish if you can make a tutorial about how to add a live chat to framer website that's will be so helpful

dkksstore
Автор

do you know how to make horizontal scroll?

majorhobby
Автор

How to plug in the stock market to the Framer website?

paomaipress
Автор

How would the mobile look like, please?

GodstimeUdom
Автор

How to make this scroll on mobile with a background below the text, does Framer have this capability? I'm testing it here and every time I put a background color on the text the stick stops working.

robsonoliveira
Автор

I need a 27 inch monitor to watch this.
Good tut though! <3

AdamSabla
Автор

Hi. How to make sticky bottom nav while scrolling the page? This is so simple to do in Figma, but I can't figure out how to do this in Framer.

petarkovacevic
Автор

I checked what you just said but nothing worked what I do

kishorimonukumari