Is there a way to make the navigation bar appear only when a user has scrolled down to the second div on the page? The first div is the header.
I am wondering how this can be achieved using jQuery?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<header>
<nav>navigation menu</nav>
header 200px height
</header>
<div id="div-2">Second Div</div>
</body>
</html>
CSS
header{
height:200px;
}
nav{
background-color: red;
width: 100%;
height: 30px;
display: none;
}
#div-2{
background-color: blue;
}