Hello, in this video, I am going to show you the position helper so that more information on the Bistrot
website and I will provide a link to that in the description of opposition help essentially allow you
to stick stuff to the top or bottom, like so.
So I've got this head, I've got a bunch of videos embedded and you might have whatever scenario that
you want.
And as you can see, when I'm scrolling, everything is scrolling.
But let's go to YouTube and I'll scroll everything but the top navigation by scrolling.
We have to bootstrap everything.
The first Boxgrove button, they can sort of navigation search bar that does not.
So that's what we're going to be implementing.
The themen you've got, whatever you all want to fix there or you got to do it for a class or fix that
top.
So we're fixing it to the top like so.
And as you can see, when I screw this in that fixed for the fix dash bottom.
That sticks to the bottom.
That's great for a fighter.
This one is great for a up.
One thing I want to note is now that we put fix to the top, if it basically floating over it so all
the content is moved up.
So part of this video or whatever it is, whether it's text or whatever, is cut off basically that
bit.
So we need to move this down a bit.
We need to move this down.
You can, you know, provide some success via a separate style tag or if you want to keep simpleness
here and just put more desktop and I'm going to put five pixels.
This is just a value that I have experimented with and I find looks pretty good, but feel free to experiment
as if they've got nice seventy five pixels down and that looks pretty nice.
The last you know how per class I'm going to show you.
Is that a fixed desktop.
You can do Deqi laptop.
That's my phone.
Let me put it on silent.
I thought I already did.
It is on solamente.
OK you can plastiki desktop if reload.
One, it's you know, it's already got some margin, but that's irrelevant.
Mirfin what's the difference.
Let me show you why revert back.
And before if I put something let's say like Hello World, it could be any content whatsoever and I
reload that content you can't see.
But if I go to inspect.
And there it is, it is actually there.
This is just covering it, and I'm trying to scroll up.
I cannot if I was to change this to sticky desktop.
So now for scroll down, this is only stuck to the top once any content before it has fully scrolled
off essentially what they say.
So this is a sticky, you know, navigation bar where this is just the regular wants us both scenarios
covered so that if you have any questions, feel free to pop me a message.
And as usual, I look forward to seeing you in the next video.