Framer
  • Support
  • Using Framer
Framer
  • Why Framer
  • Teams
  • Learn
    • Tutorials
    • Examples
    • Templates
    • Sessions
    • Speedruns
  • Pricing
  • Blog
  • Updates
  • Support
  • Support
  • Using Framer

Related Articles

  • Using Variants and Variables in your components
  • Component Canvas
  • Known limitations for Variants and Variables
  • Variants
  • Automatic time-based transitions

Page and Scroll Interactions

Page

In Framer, you can add paginated content that can be swiped or scrolled. Whether you’re looking to create a carousel or swipeable cards, these and more interactions can be created with the Page tool.

The Page tool allows you to draw a Page layer, which can be connected to multiple pieces of content. When shown in the Preview, the connected content will behave fully interactively.

To learn more, see our Page layer article.

How to link pages together on your canvas

How to link pages together on your canvas

Scroll

Any content in Framer can be made scrollable, both horizontally and vertically. With the Scroll tool, you can draw out a layer in your prototype where you would want your scrollable content to show up.

By connecting the Scroll layer to your content, the Preview will now allow the Scroll area to be scrollable.

To learn more, see our Scroll layer article or the guest post on Mastering Scrolling if you are looking to create advanced scroll interactions.

How to add a scroll to a frame on your canvas

How to add a scroll to a frame on your canvas

Helpful?Was this article helpful?

0

0

Framer

  • Why Framer
  • Teams
  • Pricing
  • Blog
  • Updates
  • Motion

Platforms

  • Web
  • macOSbeta
  • WindowsBeta
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing

Learn

  • Tutorials
  • Examples
  • Templatesnew
  • Sessions
  • Speedruns

Resources

  • Packages
  • API
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement