Learn how to use [[Window.scrollY]] in a Move action to move a panel to the right location so that it looks like it's pinning and unpinning as the user scrolls.
- [Instructor] Sometimes, you'll want to pin…and unpin something as you scroll in your prototype.…On this hotel website, the header pins to the top…of the browser window as we scroll down…and then unpins as we scroll back up.…One way to set up this kind of interaction…is to create another copy of whatever…you wanna show and hide.…Then you can use the Pin to Browser feature on the copy…and show and hide the copy…as you scroll up and down the page.…This works fine.…It's a great way to get that kind of pin effect.…But it does require you to have a second copy…of that element in your prototype.…
So if you find yourself having to make a lot of changes,…then you're going have to make all those changes twice.…There's another way to get that pinned and unpinned effect…without using another copy of that panel…and that's by actually moving the dynamic panel…up and down as the user scrolls.…As we scroll up in our prototype,…the origin of the prototype,…that (0,0) point on our main canvas moves.…So once we've scrolled, (0,0) won't be…
- Using variables in Axure
- String methods in Axure
- Truncating text strings
- Formatting dates and times
- Setting up a looping animation
- Setting up a responsive background image
- Positioning widgets in the browser
- Repeater and item properties
Skill Level Advanced
1. Widget Properties
3. Dates and Times
4. Window Properties
5. Repeater and Item Properties
6. Global Variables
Global variables2m 14s
Using plugins on Axure Share2m 49s
8. When Things Go Wrong
- 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.