Explore how to do a scroll interaction into the design.
- [Instructor] The next interaction,…and the most important, in my view, is the scroll.…So let's take a look.…The first thing we need…to do is reorganize this a little bit.…So what we're gonna do is,…I'm gonna just zoom out a little bit with command + minus.…And I'm gonna move the detailed view,…so click on detailed view…and move this guy just slightly further.…And then what I'm gonna do is select a stack…and remove the stack out of the poll.…
And then also realign these guys just…to make sure that they have proper distance.…And then do this guy, as well.…So what I'm gonna do is create a scroll…inside of my list view…and then attach the stack here…to the scroll view.…So let's go ahead and create a scroll.…So what I'm gonna do is click on tools…and then click on scroll.…
And then it asks me to actually create the scroll.…So you wanna make sure first…that you have the right view selected.…So if you don't have list view selected,…make sure you select that…and then go and do view scroll.…And let's go ahead and create a scroll in here,…
- What is Framer X?
- Define your layout
- Creating more layouts
- Using frames and text in frames
- Drawing with a path
- Creating interactions
- Working with React components
Skill Level Beginner
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Appropriate for all
Learning Framer X1m 8s
1. Introduction to Framer X
2. Design in Framer X
3. Prototype in Framer X
4. Introduction to Components
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.