This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jiaxin Chen
Posted Aug 15 - Read on Facebook

Hey guys, I want to make a sticky header like Facebook or Instagram does. I don't find some examples like that, they are all like iOS sticky header. Some examples?

7 Comments

Benjamin Den Boer

Hey Chen Acmenyz - check out this Instagram Sticky Headers prototype by Anton Kartashov → http://share.framerjs.com/ppdyg0emulb7/ :-)

Jiaxin Chen

thanks!

Jiaxin Chen

Benjamin Den Boer I just look that Instagram prototype, so nice. But it's still a kind of iOS sticky header. Actually, I mean the navigation bar like Instagram or Facebook, thanks!

Benjamin Den Boer

Hey Chen Acmenyz - ah, okay, you mean the tabBar? If so, be sure to check out this fantastic module (and examples!) made by Petter Nilsson: https://github.com/petterheterjag/tabBarModule

Gabriel Lovato

I think he means the way the nav bar (on top) hides and shows when you scroll up/down. Try looking into using Utils.modulate to match the first 40 or so pixels of scrolling to a y-scale of the nav bar.

Gabriel Lovato

Chen Acmenyz this might be what you're looking for : http://share.framerjs.com/4ohx5279891n/ (sorry I'm in a rush so it's not super clean and commented)

Jiaxin Chen

Thanks to all you guys, you really help me so much, and sorry for my poor English.

Read the entire post on Facebook