<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>
Thursday, 12 July 2018
Navbar hide or fade when scroll
-
Looking at vue-cli repository I see two different ways of scaffolding vue projects. The v3 (beta) version, installed as npm install ...
-
component need at least this 3 component file 1. customers.component.ts import { Component , OnInit } from '@angular/core...