Welcome to the park who are building navigations fiction in this Would you be earning some because some
javascript to the navigation section.
So let us start adding some custom javascript you know given
to add a custom DOS.
I need to add a custom dodgiest find inside just for the customer or just begin and end your custom
DOS and G-code inside custom dodgiest you can name it any.
It is not necessary to name it custom dodgiest Akim milling it inside Indic index start hemol like script
and tell us script and custom dodgiest
OK looks at some custom double scope in GQ inside custom dodgiest.
This is the result of nav bar.
I want to make it invisible at exit 80 when user scrolls
so let us add some custom javascript to show and hide the manipulation bar
show and hide menu and for that dead Jews document already function
Hawkwoman God creating function.
This is a function.
I explained in GQ section
function
and inside that I use strict log of tell a script so it will follow the Oscar standards and I can say
that I mean X-ists the window object and on scroll
we need to access some point but before I do it also need to add more inside this.
And if the window object on scroll top is less then it depicts the menubar should become invisible.
And to make an invisible I need to add some custom DOS SPSS like you need to hide the nav bar so in
header section you have a class with nav bar and I will access the neighbor like Doc bar and RC ss.
I will add the margin talk of this element.
Go minus 100 pixel.
This is a negative margin which will make the menu bar invisible and with opacity
or zero.
And if this scroll of function will return vertical scroll bar position for the window and if it is
less than 80 it should apply.
This is truly an airport.
If it is greater than 80 then else it should apply in this year.
This should make it visible like margin calls should be zero.
And the opacity should be one there to see that is in the goals of appreciate.
And now you see when the user scrolls and add pixel.
The become invisible.
But if the vertical position is greater than 80 percent the menubar becomes visible.
Let's add some more CSSA late you can see at this point we can not see properly the menubar and for
dead we have a gloss ended with Nebo Duport hitting
nav bar default.
Let's add some she uses the word default had some scrolling point
team.
We have a class of netballer default to get to this specific loss of step and use excessive
Gela script like this.
I don't see this
as background rate not transparent
the network deportee beggar is transparent and some background
to see the background should be an audience seeing the ear need fifty nine fifty nine fifty nine and
get alpha value of transparent Seatle that is an ending that transparent to zero because then the scroll
position is less than it should become invisible.
Before I ended the transparency at zero Let's end this year since the section
in the S L section.
The transparency should become quite Salwen
and learns at some border Goodere could never default.
It should be this could that isn't in a browser refresh it Nosheen it just not getting it looks like
is some problem
now.
Everything looks fine
slug.
Some call Blome the OK is back ground close Norbeck color is close enough to see the desert taking
keynoter looks fine.
This background color would border
so the purpose of this group is to make the menubar visible and invisible at pixel it even uses scrolls.
So now there is our transparent background.
So you can easily see the big hole.
Ok there is some most Jasus like for example we have never brand and say.
We have an image
with you have some painting on it.
He lifts and senseor assist to the nabû grand element and for dead.
I have to add some height
height or turn to five kicks in
and it is in to move the top bading getting called
or 0 0 pixel on CIRCE's CIRCE's do these anchor elements.
But I'm new to Access.
Not all not
it will go in the else statement when it is visible.
Darden I would never say go get this list item and then say that it is an element of some see is so
studious
and
unique or just the coding
should be 15 Hixson
see that is there was a
team that is a painting or 15 picks.
This is what I wanted and
there is also a height of 35 pixel painting top zero.
So now you can see that position in the menu more I mean your body becomes invisible and it becomes
visible at greater position of it.
Looks fine.
What can we infer lets add some smooth scrolling to this menu bar and core that makes use of descript.
You can access it using the scroll bar.
This hotel and your hotel in them have resources fine so you can see this smooth scrolling they can
shoy to you.
Let's end this more scrolling.
This menubar.
Google back Copi inside this code.
And I was created inside the document daughterly corruption.
There is some new documents dog maybe function
and
Snoad schooling
just took more
than say.
I replaced the school
saw the Niku at the small school couldn't nap.
I don't
and when you access it like God item I will see it and live to see the result.
Now let me show it to you.
If I go to the feature section you see this more scrolling.
If I go back to about section and contex there soon this is all because of this new Edric script.
So it is good practice to make use of all of the available scripts and we also need to add more scrolling.
Good this but don't let us do it for that.
I need to add an ID to the element in the Hueter container here.
Ed ID school group.
Stop is also add this ID in the selector.
This is the way to add an ID in the GQ selector refresh.
You see the most coding.
So in this video the editors who died off skipped the first one has to hide and should our menu bought
at some certain point and the second script is to make the name and navigation to our small scrolling.
So that's it for this to continue on to the next would you.
Thanks.