Origami Studio 3 Learn Examples Patterns DocumentationDocs Community Download Origami Studio
Scroll

Scrolling

Full screen vertical page scrolling

Related Patterns

Away

Display a navigation based on scroll away values

Collapsible

Header that collapses into a nav bar on scroll

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

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

Scrolling Views

Add vertical scroll behavior to your designs.

Horizontal Scrolling

Create horizontal paging carousels.

Screen Transitions

Create screen flows.

Masking Layers

Add mask behavior to layers and their underlying children.

Scrolling Views

Add vertical scroll behavior to your designs.

Horizontal Scrolling

Create horizontal paging carousels.

Related Examples

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.

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 Compose

Switch between the Instagram upload options.

Spotify Artist's Pick

Pinning playlists and more to the Artist Page.

Related Patches

  • Pop Switch
  • Scrollaway
  • Drag
  • Momentum Scrolling
  • Scroll Settings
  • Scroll
Download Origami Studio Watch Tutorial
  • DOWNLOADS

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

  • Learn
  • Examples
  • Patterns
  • Documentation
  • COMMUNITY

  • Facebook
  • Twitter
  • YouTube

Facebook © 2021 · Terms of Use · Privacy Policy