<style>
#navbar-scroll {
transition: top 0.5s; /* Transition effect when sliding down (and up) */
}
</style>
<body>
<script>
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.getElementById("navbar-scroll").style.top = "0";
} else {
document.getElementById("navbar-scroll").style.top = "-50px";
}
prevScrollpos = currentScrollPos;
}
</script>
</body>
All muhaza's note in developing website. Front-end & uiux method. Real life implementation for webdesigner.
Thursday, 12 July 2018
Navbar hide or fade when scroll
debug VISUAL STUDIO CODE Error Fetch Extensions
Press Windows + S , search for "Environment Variables" , and select: 👉 "Edit the system environment variables" Click...
-
component need at least this 3 component file 1. customers.component.ts import { Component , OnInit } from '@angular/core...
-
//editable cookies enable $( function (){ var liveEdit = document .getElementById( 'live-edit' ); $(liveEdit).blur( f...