Discover how the [[Window.scrollY]] expression needs to be modified to work for images or elements that are inside of a dynamic panel, by subtracting the y coordinate of the panel in order to keep the image, or widget, in range once the user scrolls down to the panel.
- [Narrator] A dynamic panel is like it's own little canvas…with it's own set of X and Y coordinates.…So if you're setting up a parallax effect…for something that's inside a dynamic panel…somewhere in the middle of your prototype,…there's an extra step you'll have to take…to make sure it works.…I've already got two parallax effects…set up in this prototype now.…One for this background image at the top of the page…and another one for the lines over on the left…to make them look like they're floating down the page.…The last parallax effect I wanna set up in this prototype…is for this textured background image here.…
I'll go back to my exercise file now…and scroll down until I get to the panel…that has that background image in it.…It's called links panel.…To set up the parallax effect for this textured…background image, I'll go over to the page inspector…and go to the on window scroll event.…I've already got a couple of parallax effects set up here.…One for that top background image and one for the lines.…So I'll just add another one…
- 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.