<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
Chatbot Telegram development
🔹 FLOW BOT (berdasarkan code kau) 1. Update masuk dari Telegram Bot terima JSON dari php://input . Extract: chat_id firstname ...
-
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 < div style = "background-color:#D94A38;width:170px;height:80px;ma...
-
//editable cookies enable $( function (){ var liveEdit = document .getElementById( 'live-edit' ); $(liveEdit).blur( f...