- [Instructor] Of course on websites
we can scroll vertically but how do we do that
when it comes to
XD?
Because there are actually more peaks down here
that I need to get to.
So, let's check that out.
That happens to be the peaks page.
I'm going to expand it down but the first thing
I need to do is zoom out and give myself more room
by just shift
selecting everything,
let's move all of these art boards down
to give me some room.
Let's zoom in.
And now what I can do with this peaks page selected,
and this is my art board,
I can grab this bottom bar and expand it down.
So what I'm doing is I'm expanding the height.
You can see it right here.
In fact I can make it an even 1800 if I want to.
And what also it gives me is the view port height.
Notice how scrolling is set to vertical,
that's perfect.
And that's what this line is right here.
I can see this line.
This is like the fold, if you will.
So I'm going to be able to see everything here
and then I have to scroll down to see the rest.
What is the rest?
Well, it's going to be this element,
my repeat grid I can expand that down accordingly.
Now that I can scroll this page
I can actually give all of this content even more room.
Because notice how Bierstadt actually duplicates,
I'm actually just going to double click
and I'm just going to give all these elements
a little bit more room.
Something like that.
And then center this.
I click on it, let's expand this,
make sure that there is no space
in between each one of those.
That is more like it.
So Torreys actually expands clear down to the bottom
and I like that.
All of these images have more room,
it's a little bit more exciting,
and if I click on the title I can see
the vertical scrolling is set up.
So, let's take a look.
Clicking play.
Going into peaks.
Scrolling down I can finally get down to Torreys.
All right.
But the issue is,
if I go into prototype,
I can do a select all and I can see that
most things are set up.
Pikes Peak is linking Quandray Peak
but the thing is I could finally link Torreys Peak now,
so with that being said,
I know it looks kind of crazy,
but if I just double click inside of here
I can see that I have this little trigger.
It's not attached or pointing to anything,
sure enough let's point it down here to that Torreys
and let's make sure the transition is set to slide left.
'Cause that's what I want for each one of these
as I select this one,
they're all set to slide left.
And I can make sure the duration is the same,
so .8 just like that.
You could do a command zero or control zero
to see everything
and again select all you can see how everything
is being wired up.
Won't worry about these mobile screens
'cause we're just dealing with desktop right now.
But I can click play and have some fun
diving into the different peaks.
There's Bierstadt,
we can always go back,
you can scroll down.
Quandary, looks fantastic.
And then we'll go to Torreys Peak
and we'll click on peaks.
We have this dissolve for each one
as we go back to peaks as well
and I think that is just fine,
but you could always change that.
Going into hikers you can see all the elements
are working nicely as I have this all prototyped out.