Log in Register Dashboard Temp Share Shortlinks Frames API

cody - HTMLify profile

cody's Profile Picture

cody

4270 Files

633042 Views

Latest files of /cody/bradtraversy/50projects50days/sticky-navigation

style.css cody/bradtraversy/50projects50days/sticky-navigation/style.css
77 Views
0 Comments
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

sticky navigation cody/bradtraversy/50projects50days/sticky-navigation/index.html
284 Views
0 Comments
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Sticky Navigation</title>
</head>
script.js cody/bradtraversy/50projects50days/sticky-navigation/script.js
104 Views
0 Comments
const nav = document.querySelector('.nav')
window.addEventListener('scroll', fixNav)

function fixNav() {
if(window.scrollY > nav.offsetHeight + 150) {
nav.classList.add('active')
} else {
nav.classList.remove('active')