Line 9: | Line 9: | ||
function scrollFunction() { | function scrollFunction() { | ||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | ||
− | document.getElementById("navbar").style.top = " | + | document.getElementById("navbar").style.top = "18px"; |
} | } | ||
Line 84: | Line 84: | ||
background-color: #333; /* Black background color */ | background-color: #333; /* Black background color */ | ||
position: fixed; /* Make it stick/fixed */ | position: fixed; /* Make it stick/fixed */ | ||
− | top: | + | top: 18px; /* Hide the navbar 50 px outside of the top view */ |
width: 100%; /* Full width */ | width: 100%; /* Full width */ | ||
transition: top 0.3s; /* Transition effect when sliding down (and up) */ | transition: top 0.3s; /* Transition effect when sliding down (and up) */ |
Revision as of 12:32, 6 October 2018