Origami Studio 3
Learn Examples Patterns Documentation Docs Community
Download Origami Studio
Scroll

Collapsible

Header that collapses into a nav bar on scroll

Related Patterns

Away

Display a navigation based on scroll away values

Jump

Reposition to a desinated position on a scroll view

Refresh

Activate a refresh indicator on scroll top cap

Scroll

Use nested paging and free flow scrolling

Scrolling

Full screen vertical page scrolling

Sticky

A sticky header that stays fixed to the top of the feed whilst scrolling

Tab

Select a tab option or swipe between options

Related Learn Content

Horizontal Scrolling

Create horizontal paging carousels.

Masking Layers

Add mask behavior to layers and their underlying children.

Scrolling Views

Add vertical scroll behavior to your designs.

Related Examples

iTunes App Store

Building a list of apps with live data from Apple's iTunes Search API.

Facebook Popular Events

Create simple horizontal scrolling carousel.

Instagram Boomerang

Transition between screens and scrolls in Boomerang.

Instagram Compose

Switch between the Instagram upload options.

Messenger Home

Scroll through Messenger conversations.

Spotify Artist's Pick

Pinning playlists and more to the Artist Page.

Related Patches

  • Scroll Settings
  • Momentum Scrolling
Download Origami Studio Watch Tutorial
  • DOWNLOADS

  • Origami Studio
  • Origami Live Viewer
  • Release Notes
  • RESOURCES

  • Learn
  • Examples
  • Patterns
  • Documentation
  • COMMUNITY

  • Facebook
  • Twitter
  • YouTube

Copyright © Meta. All rights reserved · Terms of Use · Privacy Policy