From the course: CSS: Scrolling and Parallax

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Removing the header cue when scrolling

Removing the header cue when scrolling - CSS Tutorial

From the course: CSS: Scrolling and Parallax

Start my 1-month free trial Buy for my team

Removing the header cue when scrolling

“

- Let's go ahead and modify our page so that this indicator down here at the bottom is deleted or at least hidden once we start scrolling down past the top of the page. So right now, if we take a look at the code, you'll see that in the index at HTML, I have this section here and it is a diff with a class of header content. And this is really what is controlling this entire piece of content up here you can see that the headercur is right underneath it. And the navigation is sitting here at the top and it's collapsed right now. So that element, that is the header content is right at the top of the page. I want to know once that element starts moving up. So to do that, I'll go into Script.js and I'm going to create two different variables so that I can keep track of two things that header content section as well as the headercur that has a class of headercur as well. So let's go back into the Script and I'll create a…

Contents